css去除webkit核心的預設樣式

來源:互聯網
上載者:User


這時候可以用到

-webkit-appearance:none //去除預設樣

在按鈕和select樣式裡加入上面css,效果如下圖。



css代碼如下:

input{ background:#FF9933; border-radius:5px; color:#fff; padding:3px 20px; -webkit-appearance:none;}select{ background:url(images/img1.jpg) no-repeat; background-size:20px; background-position:95% center; padding:3px 10px; width:30%; -webkit-appearance:none;}



  css代碼如下:

  input{ background:#FF9933; border-radius:5px; color:#fff; padding:3px 20px; -webkit-appearance:none;}select{ background:url(images/img1.jpg) no-repeat; background-size:20px; background-position:95% center; padding:3px 10px; width:30%; -webkit-appearance:none;}


相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.