1
사용자가 클릭 할 때 <input type="image>
색상을 변경하는 방법을 찾을 수 없습니다. 즉, 이미지가 차지하는 공간이 일반 색상으로 바뀝니다. 내 코드는 다음과 같다 :입력 이미지를 클릭하면 어떻게 오버레이됩니까?
input:focus{
color:#0C6
}
및
<input type="image" src="image.jpg" />
사용자가 클릭 할 때 <input type="image>
색상을 변경하는 방법을 찾을 수 없습니다. 즉, 이미지가 차지하는 공간이 일반 색상으로 바뀝니다. 내 코드는 다음과 같다 :입력 이미지를 클릭하면 어떻게 오버레이됩니까?
input:focus{
color:#0C6
}
및
<input type="image" src="image.jpg" />
당신은 원하는 색상을 갖는 부모 래퍼가 필요합니다,
입력 :focus
에하는 사용하여 투명하게 opacity
.imageWrapper{
display: inline-block;
background: #0C6;
}
.imageWrapper input[type=image]{
vertical-align: top;
transition: 0.3s; /* fade nicely :) */
}
.imageWrapper input[type=image]:focus{
opacity: 0;
}
<span class="imageWrapper">
<input type="image" src="//placehold.it/60x60/f00">
</span>