input 상자를 눌렀을 때 테두리 색과 자리 표시자 글꼴 색을 바꿉니다
<input type="text" name="" class="" placeholder=" ">
<input type="text" name="" class="" placeholder=" ">
.info_contents_5 .info_con_padding input{
width: 100%;
height: 1.46rem;
margin-bottom: 0.4rem;
border-radius: 5px;
border: 1px solid #d8d8d8;
font-size: 0.64rem;
padding-left: 0.2rem;
outline: none;
}
.info_contents_5 .info_con_padding .inputs::-webkit-input-placeholder{/*Webkit browsers*/
color:#000;
}
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
$('input').focus(function(){
$(this).css('border','1px solid #0678d1')
$(this).addClass('inputs')
})
$('input').blur(function(){
$(this).css('border','1px solid #d8d8d8')
$(this).removeClass('inputs')
})
</script>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
v-bind를 사용하여 CSS에 대한 Vue3 상태애플리케이션을 더 동적으로 만들기 위해 Vue는 동적 상태를 템플릿 내부의 마크업에 연결할 수 있도록 합니다. 예를 들어 특정 기준이 충족되는 경우에만 요소에 클래스를 적용할 수 있습니다. 그러나 구성 요소 상태가 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.