为br添加颜色

Question

我想给<br />一些颜色。但它没有得到应用

这是HTML

<br style="color:#EAEFF5" />

这是截图。我希望白色空间是彩色的

更新

<div style="background-color:#EAEFF5; width:100%;" style="border: 1px solid black; border-collapse:collapse;" cellpadding="5px" cellspacing="2px">
<table  width="60%" cellpadding="5px" style="border: 1px solid black; border-collapse:collapse;"  cellspacing="1px" align="center">
    <tr>
        <th class="label" style="font-size: 120%; font-family: Courier New; text-align:center">
            Date
        </th>
        <th class="label" style="width: 7%; font-size: 120%; font-family: Courier New;text-align:center">
            Flat Status
        </th>
        <th class="label" style="width: 7%; font-size: 120%; font-family: Courier New;text-align:center">
            Comments
        </th>
    </tr>
    <tr>
        <td class="label" style="width: 7%; font-size: 120%; font-family: Courier New;text-align:center;">
            <input type="text" runat="server" id="txtdate" style="width: 75px;"/>
        </td>
        <td class="label" style="width: 7%; font-size: 120%; font-family: Courier New;text-align:center;">
            <%--<input id="txtcomments" type="text" runat="server" style="width: 75px;" />--%>

             <select id="ddlflatstatus" style="width: auto" name="flatstatus" runat="server">
                <option value="0">--- Select ---</option>
            </select>

        </td>
        <td class="label" style="width: 7%; font-size: 120%; font-family: Courier New;text-align:center;">
            <%--<input id="txtstatusdet" type="text" runat="server" style="width: 75px;" />--%>

             <asp:TextBox ID="txtcomments" runat="server" Width="150" TextMode="MultiLine"></asp:TextBox>

        </td>

    </tr>
</table></div>

<br style="background-color:#EAEFF5" />

Answer 1

在HTML中，您永远不应该将样式添加到空白字符中，这实际上是<br>。

而是使用分隔符：

<div style="height: 10px; background-color: #EAEFF5"></div>

Answer 2

不保证在所有浏览器中为<br>获得统一样式，因此我建议您使用div，其中包含相应的空内容和样式。

<h1>Some Text</h1>
<div class="breaker"></div>
<p> Some Paragraph</p>

<强> CSS

.breaker{
  color : red;
  border : 1px solid green;
  margin-bottom : 5px;
}

这是一个Pen来帮助您实现这些变化。

Answer 3

你不能给出一种颜色。一个可能的解决方案是在空元素上使用一些自定义类，然后使用CSS设置该元素的样式。

例如：

<强> HTML

<span class="custom-br"></span>

<强> CSS

.custom-br {
  display:block;
  width: 100%;
  height: 5px;
  background-color: #cb0009; /*change color*/
}

Answer 4

您可以像这样使用DIV，而不是使用<br>：

<div>Some text</div>
<div style="background-color:##EAEFF5;height:10px;"></div>
<div>This is under the break</div>

Answer 5

这应该有效

<br/>
<div style="background-color:lightgray;color:lightgray"><br/></div>
<br/>