Windows操作系统按钮样式CSS
发布时间:2020-12-14 02:13:55 所属栏目:Windows 来源:网络整理
导读:任何人都可以猜到我应该用什么样的CSS样式来按一下按钮来猜测这个样子. 注意:我意识到这是Windows上无样式按钮的默认外观,我不需要应用任何CSS来获得这种风格,但在Mac和Linux上它不一样,所以我不能依赖默认为此设计操作系统.我不得不在css中强迫这种风格.谁
任何人都可以猜到我应该用什么样的CSS样式来按一下按钮来猜测这个样子.
注意:我意识到这是Windows上无样式按钮的默认外观,我不需要应用任何CSS来获得这种风格,但在Mac和Linux上它不一样,所以我不能依赖默认为此设计操作系统.我不得不在css中强迫这种风格.谁知道CSS样式可以持续产生这种效果? 解决方法
例子
Firefox 3.6.12 Safari 5.0.3 Chrome 8 Internet Explorer 8 出于某种原因,IE8的专有过滤器属性不起作用(它应该). HTML <button> <span> <span> Submit </span> </span> </button> 它似乎更好地跨浏览器与2个子元素.使用按钮本身作为外部元素引起了一些问题. CSS button { background: none; border: none; padding: 0; } button span { display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #999; padding: 0; background: #F0F0F0; background: -moz-linear-gradient(top,#F0F0F0 50%,#D4D4D4 50%); background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#F0F0F0),#D4D4D4)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0',endColorstr='#D4D4D4',GradientType=0 ); } button span span { border: 1px solid #fff; padding: 10px; } See it on jsFiddle. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
推荐文章
站长推荐
热点阅读