我有以下 HTML
<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;
}
但是自定义样式没有生效。如果我删除了我的自定义名称&#34; .formulario&#34;从我的CSS选择器以及我的HTML中的类列表中,样式完美但它使用项类修改了wholes标签。我只需要修改一个特定的标签,这就是我尝试创建自定义类的原因。
出了什么问题?
感谢您的帮助!
答案 0 :(得分:0)
我刚刚在这里测试过,风格确实生效了: https://jsfiddle.net/8eo8crz1/
label.item.formulario {
border-style: none none solid none;
border-color: darkblue;
}
如果您希望为每个标签设置唯一的自定义样式,则需要使用ID而不是类(或者除了您正在使用的类之外)。