Css 如何仅将样式表应用于laravel表单中的特定选择框?

Css 如何仅将样式表应用于laravel表单中的特定选择框?,css,laravel,laravel-5,laravel-blade,Css,Laravel,Laravel 5,Laravel Blade,我制作了一个表单,我想对该表单中的特定选择框应用不同的样式 <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/b

我制作了一个表单,我想对该表单中的特定选择框应用不同的样式

 <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>

我想将样式应用于此特定的选择框。目前,它适用于所有人。

这里的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个来自引导的相关行,因为它仅用于选择,2个用于它的自定义样式,作为CSS放置在其中。

没有任何方法可以将样式表包含到视图中的仅选择框中。如果已经应用了样式表,则必须相应地更改CSS或页面样式。这是唯一的方法。

选择ComplaintSource{}。不工作@Ashwin Anandaiah@Raghav,应该更清楚->当使用CSS时,我们不能添加,因为它是HTML。因此,您有两个选择:1直接从文件中取出CSS,因为您不需要整个引导的CSS文件;2不使用ifselect代码,只需在开始之前粘贴代码即可。选择投诉源{import url;import url;}。这将工作或不好的呼吁!几乎-您只是错过了导入前的@,更多信息请参见此处:我已申请@。“在那之后,它就不起作用了。”阿什温·阿南达尼说