HTML – 这个CSS3发生了什么？我找不到它

概述我做了一个带有一些效果的按钮.当我在浏览器中测试时,它只能在mozilla中正常工作.我无法找到为什么不在-webkit-浏览器中工作,任何人都可以告诉我为什么这段代码不起作用检查这个小提琴 http://jsfiddle.net/sarfarazdesigner/Qtw3x/ 这是HTML代码 <button name="feat-btn" id="feat-btn" class="push-b 我做了一个带有一些效果的按钮.当我在浏览器中测试时,它只能在mozilla中正常工作.我无法找到为什么不在-webkit-浏览器中工作,任何人都可以告诉我为什么这段代码不起作用检查这个小提琴 http://jsfiddle.net/sarfarazdesigner/Qtw3x/

这是HTML代码

<button name="feat-btn" ID="feat-btn"  type="submit">    <span>submit</span></button>

这是CSS

.push-button {    background: none repeat scroll 0 0 transparent;    border: medium none;    color: #FFFFFF;    cursor: pointer;    display: inline-block;    Font-size: 18px;    padding: 0;    text-align: center;    text-decoration: none;    text-shadow: 0 1px 0 rgba(0,0.5);}.push-button span:after {    -moz-border-bottom-colors: none;    -moz-border-left-colors: none;    -moz-border-right-colors: none;    -moz-border-top-colors: none;    border-color: #357536 transparent -moz-use-text-color;    border-image: none;    border-left: 5px solID transparent;    border-right: 5px solID transparent;    border-style: solID solID none;    border-wIDth: 5px 5px 0;    content: "";    display: block;    margin: 0 -1.7em;    overflow: hIDden;    text-indent: -9999px;}.push-button span:before {    border-radius: 8px 8px 8px 8px;    Box-shadow: 0 1px 3px rgba(0,0.25);    content: ".";    display: block;    height: 55px;    left: 0;    position: absolute;    top: 0;    wIDth: 100%;    z-index: -1;}.push-button span {    background-color: #4FB051;    border-bottom: 1px solID #6FBE70;    display: inline-block;    height: 49px;    line-height: 50px;    margin-bottom: 5px;    min-wIDth: 110px;    padding: 0 1.7em;    position: relative;}.push-button:hover  span{background-color:#52a853;}

首先在mozilla中检查它,然后你了解它的外观,或者你可以看到下面的图像
这是在寻找Mozilla

这是在webkit浏览器中查找

解决方法 在.push按钮范围内使用边框颜色会发生奇怪的事情：在选择器之后

border-color: #357536 transparent -moz-use-text-color;

只需将其更改为#357537

jsFiddle

border-color: #357536;

适用于我的Chrome和firefox适用于此更改.

总结

以上是内存溢出为你收集整理的HTML – 这个CSS3发生了什么？我找不到它全部内容，希望文章能够帮你解决HTML – 这个CSS3发生了什么？我找不到它所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。