MUI是一款非常流行的前端開發框架,它提供了豐富的UI組件,為開發者提供了便捷的開發方式。其中的通用css,更是為開發者快速搭建UI界面提供了極大的幫助。
/* 按鈕 */
.mui-btn {
position: relative;
display: inline-block;
box-sizing: border-box;
margin: 0;
padding: 0;
width: auto;
height: 44px;
font-size: 17px;
font-weight: 400;
line-height: 44px;
text-align: center;
cursor: pointer;
white-space: nowrap;
vertical-align: middle;
overflow: hidden;
background-color: #007aff;
color: #fff;
text-decoration: none;
border: none;
border-radius: 22px;
transition: .2s ease-in-out;
}
以上就是按鈕通用css代碼,通過這些通用代碼,開發者們可以快速、方便地創建按鈕組件。MUI的通用css代碼不僅適用于按鈕組件,還有許多其他的UI組件。
無需再從頭開始寫樣式,也不需要擔心瀏覽器兼容問題,有了MUI的通用css,我們只需要簡單地引用即可。
MUI的通用css代碼,大大提高了我們的開發效率,讓我們的工作更加輕松愉快。