我正在尝试为webshim的HTML5表单验证气泡上的箭头设置#333的填充颜色,但我似乎无法识别正确的类。
我的CSS到目前为止:
.ws-po-box {
padding: 10px;
/* border: 1px solid red; */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #333;
-webkit-box-shadow: 0 2px 6px -4px rgba(0,0,0,0.3);
-moz-box-shadow: 0 2px 6px -4px rgba(0,0,0,0.3);
box-shadow: 0 2px 6px -4px rgba(0,0,0,0.3);
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #fff;
letter-spacing: 0.1pt;
}
.ws-po-arrow {
/* border-bottom: .61538em solid red; */
}
小提琴:http://jsfiddle.net/zhwdbhdd/。
任何帮助将不胜感激!
答案 0 :(得分:2)
看起来箭头CSS包含在ws-po-arrowbox
类中。
<div class="ws-po-arrow">
<div class="ws-po-arrowbox"></div>
</div>
箭头颜色不是背景颜色,而是边框颜色,因为箭头是用边框制作的。所以添加这个CSS
.ws-po-arrowbox{
border-bottom-color:red!important;
}
我更新了你的小提琴以证明: http://jsfiddle.net/zhwdbhdd/1/