发帖
扫码访问
 注册
 登录
首页 ›电脑› 电脑学堂 › 查看内容

非常漂亮自定义css

2015-11-19 11:56 2438 0

摘要: 因为是自定义样式，所以兼容所有浏览器版本，个人认为非常漂亮。css?123456789style/*tooltip*//* CSS属性顺序按照 字母首字母 排列*/.ui-slider-tooltip{ background:#fa; border:px solid #fa; color:#fff; displa ...
关键词： important submitOneClickAp auto Courier height border 前台 样式 0px ply

因为是自定义样式，所以兼容所有浏览器版本，个人认为非常漂亮。

css

?
1
2
3
4
5
6
7
8
9
<style>
    /*tooltip*//* CSS属性顺序按照 字母首字母 排列*/
.ui-slider-tooltip{  background:#fa;   border:px solid #fa;  color:#fff;  display: block;  text-align: left;  padding: px px px px;  position: absolute;  z-index:; }
.ui-corner-all {  border-radius: px;  -moz-border-radius-bottomleft:px;  -moz-border-radius-bottomright:px;  -moz-border-radius-topleft:px;  -moz-border-radius-topright:px;  -webkit-border-top-left-radius:px px;  -webkit-border-top-right-radius:px px;-webkit-border-bottom-right-radius:px px;  -webkit-border-bottom-left-radius:px px;}
.ui-tooltip-pointer-down {  border-bottom-width: ;  border-left: px dashed transparent;   border-right: px dashed transparent;  border-top: px solid #fa;  bottom:  -px;  display: block;  height:;  left: %;  margin-left: -px;  position: absolute;   width:;}
.ui-tooltip-pointer-down-inner {  border-left: px dashed transparent;   border-right: px dashed transparent;  border-top: px solid #fa;  left: -px;  top: -px;  position: absolute; }
.tip{  font-size:pt;  line-height:px;}
 .error{ border: px solid rgb(, , );}
  </style>

前台：

?
1
2
<input type="text" id="userName"/>
<input type="submit" onclick="submitOneClickApply()"/>

js:

?
1
2
3
4
5
function submitOneClickApply() {
声明：文章版权归原作者所有 部分文章转自互联网 如有侵权请联系 [邮箱地址] 删除

路过
雷人
握手
鲜花
鸡蛋
收藏 分享 邀请
上一篇：使用 PHP 7 给 Web 应用加速下一篇：基于PHP给大家讲解防刷票的一些技巧

最新评论

相关分类