html - 如何在 jquery 中删除舍入以选择查询？

Question

如何从选择框中删除圆 Angular 和向下箭头符号。并且还需要将宽度设置为 30%，并且需要将两个选择框设置在一行中。

我需要类似于下图，

代码:

<select name="color" class="test"> 
    <option>pick a color</option>  
    <option value="red">RED</option>
    <option value="blue">BLUE</option>  
</select>

<select name="color" class="test1"> 
    <option>pick a color</option>  
    <option value="red">RED</option>
    <option value="blue">BLUE</option>  
</select>

CSS:

select
{
     border-radius: none; 
    width: 30% !importent;
}

fiddle 网址，http://jsfiddle.net/Ramaganiprasad/2Lyvhqgg/

Answer 1

要移除 Angular 点，请设置 data-corners="false"

<select name="color" class="test" data-corners="false">
    <option>pick a color</option>
    <option value="red">RED</option>
    <option value="blue">BLUE</option>
</select>

要隐藏箭头，

.ui-select .ui-icon {
    display:none;
}

显示在同一行，

.ui-select{
    display: inline-block;
}

Demo