大佬教程收集整理的这篇文章主要介绍了Windows操作系统按钮样式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.
以上是大佬教程为你收集整理的Windows操作系统按钮样式CSS全部内容,希望文章能够帮你解决Windows操作系统按钮样式CSS所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。