jQuery UI 的 selectmenu 的 option 怎么改字体大小
不要改别的标签属性(如改<body>的font-size属性为62.5%之类...)给个示例代码,谢谢...
不要改别的标签属性(如 改 <body> 的 font-size 属性为 62.5% 之类...)
给个示例代码,谢谢 展开
给个示例代码,谢谢 展开
3个回答
展开全部
修改jQuery UI的selectmenu的option对应的CSS样式即可,
如下:
.ui-menu .ui-menu-item {
font-size:1.5em;
}
示例:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery UI Selectmenu</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<script>
$(function () {
$("#speed").selectmenu();
});
</script>
<style>
body {
font: 12px/1.5 simsun;
}
* {
margin: 0;
padding: 0;
}
select {
width: 200px;
}
.ui-menu .ui-menu-item {
font-size: 1.5em;
}
</style>
</head>
<body>
<select name="speed" id="speed">
<option>Slower</option>
<option>Slow</option>
<option selected="selected">Medium</option>
<option>Fast</option>
<option>Faster</option>
</select>
</body>
</html>
展开全部
option的字体大小在select里面改。它根据select的字体大小而定。
option字体单独改也可以,不过那样就要重写select。也就是不用自带的select,自己用div重组,仿照select模型,那样可以单独改,那时候改选定的或者改下拉的都可以。
option字体单独改也可以,不过那样就要重写select。也就是不用自带的select,自己用div重组,仿照select模型,那样可以单独改,那时候改选定的或者改下拉的都可以。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
如果select的id为 “select_id”
$("#select_id option[index='0']").css("font-size","large");//索引值为0的Option
$("#select_id option[value='3']").css("font-size","large");//值为3的Option
$("#select_id option[text='4']").css("font-size","large");//TEXT值为4的Option
如果没有id
$("select option[index='0']").css("font-size","large");//索引值为0的Option
$("#select_id option[index='0']").css("font-size","large");//索引值为0的Option
$("#select_id option[value='3']").css("font-size","large");//值为3的Option
$("#select_id option[text='4']").css("font-size","large");//TEXT值为4的Option
如果没有id
$("select option[index='0']").css("font-size","large");//索引值为0的Option
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询