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

Question

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

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

我想将样式应用到这个特定的选择框。目前它适用于所有这些。

Answer 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 放置在里面。