如何将样式表仅应用于 laravel 表单中的特定选择框？答案

【问题标题】：How to apply style-sheet only to a particular select box in form in laravel?如何将样式表仅应用于 laravel 表单中的特定选择框？
【发布时间】：2018-08-29 06:04:30
【问题描述】：

我已经制作了一个表单，我想在该表单中将不同的样式应用于该表单中的特定选择框。

 <style>
 select#complaintSource 
 { 
 @import url("http://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.min.css");   
 @import url("http://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css");        
 }
 </style>


    @if(select)
     {  
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.min.css" />
    }
    @endif

    <form>
    <select class="form-control selectpicker" data-show-subtext="true" data-live-search="true" id="complaintSource">
     <option>1</option>
     <option>2</option>
     </select>
    </form>

我想将 Style 应用到这个特定的 Select Box 。目前它适用于所有这些。

【问题讨论】：

标签： css laravel laravel-5 laravel-blade

【解决方案1】：

这里的OP有什么理由不能做：

<style>
select#complaintSource {
/*enter Bootstrap [select] code only here, such as:*/
display: block;
width: 100px; /*and so on */

/*enter your custom select code here*/
color: green;
}
</style>

“在此处输入代码”将包含 1) Bootstrap 中的相关行，因为它仅用于选择，以及 2) 它的自定义样式，作为 CSS 放置在内部。

【讨论】：

。不工作。 @Ashwin Anandani
啊@Raghav，那里应该更清楚 --> 使用 CSS 时，我们不能添加因为它是 HTML。因此，您有两个选择：1）直接从文件中取出 CSS（因为您不需要整个 Bootstrap 的 CSS 文件），或 2）不要在顶部使用您的 if(select) 代码并简单地粘贴
开始之前的代码。
好电话！几乎 - 您只是在导入之前缺少“@”，请参阅此处了解更多信息：w3schools.com/cssref/pr_import_rule.asp
我已申请@。之后，它不工作了。@Ashwin Anandani

【解决方案2】：

没有方法可以包含样式表来仅选择视图中的框。如果您已经应用了样式表，那么您必须相应地更改 CSS 或样式您的页面。这是唯一的方法。

【讨论】：