Html Div显示问题

我的字段下有一个

div

，如果

表单中有一个
错误，它会显示一个错误

问题是如果我使用
内联块
，我在
div
区域中所做的任何事情都将以错误颜色显示

我只想要背景：红色当字段不再为空时


div#警报块{
高度：15px；
明确：两者皆有；
}
.alert错误{
显示：内联块；
颜色：#fff；
背景色：#ff0000；
高度：20px；
宽度：100%；
明确：两者皆有；
}

{email_error}
尝试在代码后使用：empty

.alert-error:empty {   
  background-color: green;
}

有关更多信息和浏览器兼容性检查：

或者进一步改进（但不确定浏览器兼容性）

更改了
类
中的
宽度：自动
“警报错误”。试试看。如果没有错误消息，则不会得到
background:red现在。希望，这是你的要求


div#警报块{
高度：15px；
明确：两者皆有；
}
.alert错误{
显示：内联块；
颜色：#fff；
背景色：#ff0000；
高度：20px；
宽度：自动；
明确：两者皆有；
}

{email_error}
您能否提供完整的代码，让人们清楚地看到您正在尝试做什么，并改进您的代码？它已以红色显示。问题是什么？
.alert-error:not(:empty) {    
    display: inline-block;
    color: #fff;
    background-color: #ff0000;
    height:20px;
    width: 100%;
    clear:both; 
}