修改webkit默认样式及定制漂亮的表单

最新推荐文章于 2021-06-23 05:33:08 发布

weixin_30947043

最新推荐文章于 2021-06-23 05:33:08 发布

阅读量160

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/99f2e/archive/2012/08/21/2653073.html

本文介绍了解决Chrome浏览器中表单保存Cookie后背景变为黄色的问题。通过设置表单元素的-webkit-appearance:none;样式可以有效解决此问题，并探讨了如何使用WebKit的表单配合该属性定制表单UI。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

主要来源 http://i.wanz.im/2011/02/04/remove_border_from_input_type_search/ 起因是这样的。chrome下面有个表单保存cookie后，表单的背景变成了黄色。查看控制台可以看到 [crayon-50361f9fa7df2/] !important。。确实是很恶心的。。网上的解决方法不外乎以下：给form加上 [crayon-50361f9fa81d8/] 跟以上问题类似的还有input等于search问题的样式变化。 http://css-tricks.com/webkit-html5-search-inputs/ 根源性的问题是webkit默认的UAstyle 参考 http://wenku.baidu.com/view/9b322d6aaf1ffc4ffe47ac0e.html### 因此给表单元素加-webkit-appearance:none; 可以解决以上的问题。之后查阅了一些资料，才知道 webkit的表单配合此属性可以非常方便的定制表单UI http://37signals.com/svn/posts/2609-customizing-web-forms-with-css3-and-webkit 很犀利啊。。 »本文地址:http://99jty.com/?p=710 »订阅本站:http://winysky.com/feed/»当你从RSS阅览器里看到这篇文章时，还没有评论，还不赶紧过来抢沙发？

转载于:https://www.cnblogs.com/99f2e/archive/2012/08/21/2653073.html