나는 해결할 수없는이 짜증나는 문제에 부딪혔다. HTML 코드는 다음과 같다.
<form>
<lable><img src="/image.png"/></lable>
<input type="text" name="name" required/>
</form>
에 img
초점이있을 때 lable에 필터를 적용하려고 합니다 input
. 나는 두 가지를 모두 시도했습니다.
input:focus ~ lable>img{filter...}
input:focus + lable>img{filter...}
input:focus lable>img{filter...}
input:focus img{filter...}
그러나 아무 효과가없는 것 같습니다. 내 로컬 호스트가 트릭을 수행하고 있습니까? 아니면 완전히 다른 것을 시도해야합니까? 그리고 만약 그렇다면? 마법사 여러분의 의견을 기다리겠습니다.
선택자 + 및 ~ 모두 다음 요소에 대해 작동 input
하므로 label
. 레이블이 입력의 왼쪽에 있으면 오른쪽에서 왼쪽 div에 넣거나 레이블에 대해 부동 소수점을 설정하십시오.
<form>
<div style="direction: rtl;">
<input type="text" name="name" required/>
<lable><img src="/image.png"/></lable>
</div>
</form>
또는
<form>
<input type="text" name="name" required/>
<lable style="float:left;"><img src="/image.png"/></lable>
</form>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다