直接在select上加class就可以设置CSS了
例:
<style type="text/css">
.selectYs
</style>
<form action="#">
<select class="selectYs">
<option value="">1111
<option value="">1111
<option value="">1111
<option value="">1111
</select>
</form>
有的属性浏览器不兼容,但大部分还是可以的你自己试试就知道了
解决方法：用普通标签模拟，背景图设置在普通标签里面，表单功能还是用input来实现，交互功能得用JavaScript来实现。换句话说，CSS控制普通标签的样式来美化表单，JavaScript实现表单交互功能。
案例分析：移动端兼容 - 调用相册的按钮样式处理
具体情形：<input type="file" accept="image/*capture=camera">或者<input type="file" capture="photo">设背景图无效。在我们的移动端网页当中，会有上传照片的操作需求。此时会使用到文件类型的input文本框，但是不同的系统不同的浏览器在样式上均不相同，而且，设置背景图也没有效果。
解决方法：通过设置opacity为0来进行模拟，背景图设置在其他标签里面。换句话说样式用普通标签模拟，功能用input来实现。
测试效果图：
《CSS美化表单大集锦》
CSS只是定义样式 的，表单在CSS里怎么写问的不对。我觉得你可能问的是如果定义表单里的样式吧？单说一个真实姓名：<input type="text" name="yhm" id="yhm" />这样写的话是不是觉得不好看？你再看看这个：
<input type="text" name="yhm" id="yhm" style="background-color:#009933border:10px #666666 solid" />
是不是变样了？再看看这样
<style type="text/css">
<!--
#yhm {background-color:#009933border:10px #666666 solid
}
-->
</style>
<input type="text" name="yhm" id="yhm" />
和上面的一样吧？ #yhm {}指的就是ID="YHM"
再试试这样
<style type="text/css">
<!--
input {background-color:#009933border:10px #666666 solid
}
-->
</style>
<input type="text" name="yhm" id="yhm" />
和上面的一样吧？ input指的是INPUT标签，如果用了这样的定义，你里面所有的INPUT标签都会变成这样的。
常用的还有一个
<style type="text/css">
<!--
.YHM {background-color:#009933border:10px #666666 solid
}
-->
</style>
<input type="text" name="yhm" id="yhm" class="YHM" />
和上面的还是一样的。
但这个的作用范围就是你指定了class="YHM"的标签
