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; 
}

 

 

微信关注“优月优”公众号,获取免费赠书。
提醒:本站所有图书/视频资源均索引自互联网,版权争议与本站无关。如有侵权或其他争议的可能性,请发起版权投诉,因本站未参与任何制作、转制、存储等任一环节,故无法对涉及到的资源进行删除,本站会依据DMCA原则, 对涉及的资源链接进行删除。因为所有图书资源均不属于本站,本站只提供索引服务,故本站不保证任何资源的准确性,权威性,请使用者自行判断。
微信公众号
关注我们,每天及时接收最新的学习资料
12000人已关注
分享到:
赞(0) 打赏

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

支付宝扫一扫打赏

微信扫一扫打赏