Jquery UI css的设置
样式代码
<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>jQueryUI Example Page</title>
<scriptsrc="js/jquery-1.10.2.js"></script>
<scriptsrc="js/jquery-ui-1.10.4.custom.js"></script>
<linkrel="stylesheet"href="css/ui-lightness/jquery-ui-1.10.4.custom.min.css">
<styletype="text/css">
#content{
border:1px solid #ddd;
width:250px;
height:250px;
}
.ui-corner-all{
//border-bottom-right-radius:40px;
}
</style>
</head>
<body>
<h1>css的使用</h1>
<p>可以在JqueryUI官网中的ThemeRoller工具来定义样式</p><br/>
<p>如果不分元素要修改样式可以定义相关的类 class名字格式”ui-样式名“,如果不知道名字可以打开css那个文件查看</p><br/>
<p>当然你也是可以直接到引入的css文件中改的</p>
<p>FrameworkIcons 的使用</p>
<p>如果你不知道怎么使用你可以找到对应的页面,然后用浏览器打开,审查元素</p>
<h1class="ui-accordion-header-icon ui-iconui-icon-scissors"></h1>
<divid="content" class="ui-corner-all"></div>
</body>
</html>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。