在输入焦点上更改标签的颜色.如何? [英] On input focus change color of label. How?
本文介绍了在输入焦点上更改标签的颜色.如何?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
在输入focus
上,我想更改标签元素的颜色.如何在更少的时间内实现这一目标?
On input focus
I want to change the color of the label element. How can I achieve this in less?
.control-label{
color: @gray-light;
}
.controls{
input,
textarea{
background-color:red;
&:focus{
.control-label &{
color: red; //HERE
}
}
}
HTML:
<div class="control-group">
<label class="control-label" for="inputEmail">Firstname</label>
<div class="controls">
<input type="text" id="inputEmail" placeholder="Firstname">
</div>
</div>
推荐答案
I don't think you can without changing your HTML, see also: Is there any way to hover over one element and affect a different element?, your elements should be direct siblings. (LESS don't help to solve your problem here, LESS generate CSS and it seems impossible to do in CSS)
可能的建议:
input:focus + .control-label
{
background-color:purple;
color: red;
}
.controls > input
{
float:right;
}
<div class="controls">
<input type="text" id="inputEmail" placeholder="Firstname">
<label class="control-label" for="inputEmail">Firstname</label>
</div>
或使用javascript解决您的问题: https://stackoverflow.com/a/20226218/1596547
Or solve your problem with javascript: https://stackoverflow.com/a/20226218/1596547
这篇关于在输入焦点上更改标签的颜色.如何?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文