1、可以通过给按钮添加来达到修改样式。
2、使用专门的界面皮肤类 style 控件，如AlphaControls、BusinessSkinForm、DynamicSkinForm、VCLSkin等。css设置下拉列表(select)样式首先我们需要获取到这个元素的id或者是class，然后在通过给这个元素设置它的width和height等等一些样式，具体的看代码:
<html>
<head>
<style>
div1{
width:600px;
height:200px;
font-size:13px;
}
div select{
width:200px;
}
div select option{
width:150px;
height:30px;
}
</head>
<body>
<div class='div1'>
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
</div>
</body>
</html>试一下 :)
$("#system-module")click(function(){
// 移除所有包含module-active样式元素的这个样式
$('module-active')removeClass("module-active");
// 给当前点击这个元素增加这个样式
$(this)addClass("module-active");
});bootstrap的CSS是用LESS编译的，面对一个编译过后的框架型项目，不建议： 增加权重更高的CSS规则，覆盖原有的（包括使用!important来强制复写） 增加class/id，改变你的DOM属性，然后自己写CSS规则 这样会大大增加你自己的CSS（如果有的话）和CS非IE6浏览器，可以使用input:hover的伪类来控制样式，但IE6浏览器只能用JS来实现了，需要设定两个状态，然后用JS切换类。
<style>
#c_button { width:92px; height:30px; border:0; float:left;}
c_up{background:url(/images/i_login_btnpng) no-repeat 0 top;}
c_down{background:url(/images/i_login_btnpng) no-repeat 0 bottom;}
</style>
<input name="" id="c_button" class="c_up" type="submit" value="" title="点击登录"/>
<script type="text/javascript">
documentgetElementById("c_button")onmouseover=function() {thisclassName = "c_down";}
documentgetElementById("c_button")onmouseout=function(){thisclassName = "c_up";}
</script>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）