1

我正在尝试为 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/。

任何帮助，将不胜感激！

4

1 回答 1

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/

于 2015-08-27T16:23:13.630 回答