[英]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.