CSS自定义样式不生效

我有以下HTMLCSS自定义样式不生效

<label class="item formulario item-input item-floating-label" ng-class="{'has-error': registroForm.nombre.$invalid && registroForm.nombre.$dirty, 'valid-lr': registroForm.nombre.$valid && registroForm.nombre.$dirty}"> 
         <span class="input-label">Nombre</span> 
         <input type="text" placeholder="Nombre" name="nombre" ng-model="vm.nombre" 
           pattern="[A-Za-z'áéíóú ]+" 
           ng-minlength="2"         
           ng-maxlength="30" 
           required> 
        </label>

我需要设置以下样式：

label.item.formulario { 
    border-style: none none solid none; 
    border-color: darkblue; 
}

但自定义样式不生效。如果我从我的CSS选择器中删除自定义名称“.formulario”，并从我的HTML中的类列表中删除我的自定义名称，则该风格完美地工作但是它使用项目类修改整体标签。我只需要修改一个特定的标签，这就是我试图创建一个自定义类的原因。

怎么了？

感谢您的帮助！

来源

2017-04-18 Faustino Gagneten

*“如果我删除了我的自定义名称”.formulario“样式完美”*如果您从CSS选择器或HTML类班表中删除它？ –

我刚编辑我的问题 –

这听起来像你有其他CSS的'.formulario'是重写。你看过你的开发工具，看看是否有任何CSS重写它？ –

我只是测试它在这里和风格确实生效：如果您想为每个标签独特的自定义样式 https://jsfiddle.net/8eo8crz1/

label.item.formulario { 
    border-style: none none solid none; 
    border-color: darkblue; 
}

，你需要使用一个ID，而不是一个类（或者除了你正在使用的类）。

来源

2017-04-18 23:28:42

你也可以使用一个独特的风格的类，而不仅仅是id – Swellar

如果风格不会重复，并且只适用于一个元素，你最好使用一个ID而不是一个类。 –

CSS自定义样式不生效

回答

相关问题