CSS 原来可以这样写(三)

CSS 原来可以这样写(三)

 

嗨小伙伴们基于 CSS 原来可以这样写(一)CSS 原来可以这样写(二)两篇文章,有木有感觉自己以前有些小问题的解决方案了?

有时候就是这样子,并不是特别大的问题但是确实很重要的。css的基础解决办法还是超级实用的吧!你不得不承认哦。这边文章继续吧。为你装逼增加一些砝码吧!(PS: 记住记住记住记住。装逼是需要砝码的。)

 

疯狂的动物城

疯狂的动物城(如果你是兔子,但是想要牛逼,就必须努力。)

1. 取消chrome form表单的聚焦边框:

input,button,select,textarea{outline:none}
textarea{resize:none}

2. 取消a链接的黄色边框:

a{-webkit-tap-highlight-color:rgba(0,0,0,0);}

3. 渐变

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ef6464, endColorstr= #eb4141);/*IE<9>*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ef6464, endColorstr=#eb4141)";/*IE8+*/

4.chrome字体缩小:

.chrome_adjust { font-size: 9px; -webkit-transform: scale(0.75); }

5. webkit 水平居中:

display:-webkit-box;-webkit-box-pack:center; -webkit-box-align: center;

6. 取消chrome 搜索x提示:

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none;
}

7. autofill:

input:-webkit-autofill {
     -webkit-box-shadow: 0 0 0px 1000px white inset;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
     -webkit-box-shadow: 0 0 0 1000px white inset;
}
autocomplete="off"

8. 手机版本网页a标记虚线框问题

a:focus {
   outline:none; 
   -moz-outline:none;
}

9. 焦点去除背景:

-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-tap-highlight-color: transparent; // i.e. Nexus5/Chrome and Kindle Fire HD 7''

10. placeholder占位符颜色自定义

input:-moz-placeholder { 
    color: #369; 
}
::-webkit-input-placeholder { 
    color:#369; 
}

 

 

站内部分资源收集于网络,若侵犯了您的合法权益,请联系我们删除!
赞赏是最好的支持
如果对你有帮助那就支持一下吧
立即赞赏
分享到:
赞(3) 打赏

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

小月博客-一个专注于分享的技术博客
没有账号? 忘记密码?