html5视频控制按钮样式,这个样式导致HTML5的视频中的按钮变成一个方框。求解决…...

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

/*Metro风格按钮*/

/*Button*/

*:not(notification) > button:not([type="menu"]):not([anonid="increaseButton"]):not([anonid="decreaseButton"]):not([anonid="twisty"]):not(.expander-up):not(.expander-down):not([class="inspector-breadcrumbs-button"])

{-moz-appearance: none !important;border-radius: 0px !important;background:#EDEDED !important;

max-height:25px !important;border: solid 1px #A7A7A7 !important;padding: 0px 5px !important;

box-shadow:none !important;text-decoration:none!important;-moz-transition-duration:0.2s !important;}

/*Hover*/

*:not(notification) > button:not([type="menu"]):not([anonid="increaseButton"]):not([anonid="decreaseButton"]):not([anonid="twisty"]):not(.expander-up):not(.expander-down):not([class="inspector-breadcrumbs-button"]):hover

{background:#D1E8FC !important;border:#4D90CE 1px solid !important;box-shadow: 0 0 2.1px rgba(0, 0, 0, 0.2) inset !important;-moz-transition-duration:0.2s !important;}

/*Active*/

*:not(notification) > button:not([type="menu"]):not([anonid="increaseButton"]):not([anonid="decreaseButton"]):not([anonid="twisty"]):not(.expander-up):not(.expander-down):not([disabled]):hover:not([class="inspector-breadcrumbs-button"]):active

{background:#D8F5FC !important;border:#4D90CE 1px solid !important;box-shadow: 0 0 4.2px rgba(0, 0, 0, 0.4) inset !important;-moz-transition-duration:0.2s !important;-moz-transition-duration:0.2s !important;}

HTML 视频： http://www

.mozilla.org/en-US/contribute/

——来自伟大的浏览器

>>Mozilla/5.0 (Windows NT 6.1; WOW64; rv:22.0) Gecko/20130312 Firefox/22.0