[英]jQuery ui change button to flat style
我想手动更改jQuery ui中的按钮以适应页面主题。 我设法更改了颜色,字体...但是我想要一个扁平按钮,像这样:
我的按钮如下所示:
是否可以去除阴影?
这是CSS:(jQuery 1.10.3)
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
/*background-image: none;*/
margin-top: .5em;
padding: .3em 1em .5em .4em;
outline: none;
background: #a3cb38
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
/*margin: .5em .4em .5em 0;*/
position: relative;
top: 3px;
left: 15px;
width: 100px;
height: 45px;
cursor: pointer;
color: #ffffff; /* couleur police bouton */
outline: none;
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
background: #fed136; /* couleur fond bouton */
border-radius: 6px 6px 6px 6px;
}
我是jquery的新手,按钮行太多...
这是您看到的默认按钮边框样式,如下所示删除边框:
border:0;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.