相关疑难解决方法(0)

我可以使用.button()来创建漂亮的提交按钮,但是我页面上的其他元素,最明显的选择框仍然是常规的,丑陋的CSS样式.

有没有办法从我的选择框中劫持Jquery UI Button的CSS样式？

我正在尝试使用CSS,它适用于Firefox和Chrome,但在Safari(5.1)中无效.我检查过Safari支持n-child.我做错了什么？

CSS:

option:nth-child(2){
  display: none;
}

HTML:

<select>
   <option value="1">One</option>
   <option value="2">Two</option>
   <option value="3">Three</option>
</select>

演示: http ://jsfiddle.net/Kv9tj/

我正在使用IE9,并且在选择下拉列表时无法删除蓝色背景.当从任何下拉列表中选择项目时,元素将覆盖蓝色框.它不会出现在Chrome或Firefox上.

此代码将其删除IE10和Edge

select::-ms-value {
    background: none; /* remove blue background on ie10/ie11 when selected*/
    color:#5a5a5a;

}

我正在尝试但失败，以样式化boostrap-select小部件。我尝试了以下代码，但是它不会更改selectpicker选择框中的背景和文本颜色：

 <select id="what" class="wia-filter-value selectpicker show-tick">
     <option selected>All</option>
     <option>Events</option>
     <option>Man Made</option>
     <option>Nature</option>
 </select>

我的CSS看起来像这样：

 <select id="what" class="wia-filter-value selectpicker show-tick">
     <option selected>All</option>
     <option>Events</option>
     <option>Man Made</option>
     <option>Nature</option>
 </select>

此CSS成功应用了左边框颜色，但没有应用背景颜色或文本颜色。

注意：此处输入链接描述在stackoverflow中显示的解决方案是针对标准Boostrap选择的。我正在使用https://silviomoreto.github.io/bootstrap-select中的selectpicker小部件。该解决方案似乎不适用于selectpicker，或者至少我无法使其正常工作。

有没有简单的方法可以在form使用jQuery 的选择框中添加样式？

<select>
  <option>sample</option>
  <option>sample1</option>
</select>

谢谢.

我在网上搜索了近两个小时,甚至没有找到一个css样式选择下拉列表的例子.最重要的是我对z-index感兴趣,以显示绝对div块下的选择下拉列表.唯一建立的是造型偏移,背景颜色和字体,但其他css属性呢？搜索webkit shadow dom也没有结果.真的这不可能吗？:(

我正在使用带有Angular 2的bootstrap 4并具有以下选择:

<div class="form-group">
    <label class="col-md-4 control-label" for="OptionExample">Select an option:</label>
    <div class="col-md-4">
        <select id="optionExample" name="optionExample" class="form-control" [(ngModel)]="ngmodeloptionExample"
                (ngModelChange)="optionExamples()">
            <option disabled [ngValue]="-1">Select an Option</option>
            <option *ngFor="let option of options" [ngValue]="option">{{option.property }}</option>
        </select>
    </div>
</div>

我有可能设计这个样式吗？我尝试添加一些bootstrap类,但没有运气.我愿意使用Typescript或javascript,但是使用像这样的库有困难:https://silviomoreto.github.io/bootstrap-select/examples/