CSS를 사용하여 입력 상자의 크기를 조정하는 방법

입력 상자가 있습니다. 입력 상자는로드 될 때 매우 작아서 사용자가 CSS로 클릭하면 크기가 커지기를 원합니다. ... 어떤 아이디어CSS를 사용하여 입력 상자의 크기를 조정하는 방법

input.tagInputField { 
box-sizing: border-box; 
border: none; 
background-color: #fff; 
width: 2em; 
color: #000; 
font-size: 14px; 
} 

input.tagInputField:focus { 
width: 50px; 
}

그러나 ... 응답이 작동하지 것 :

내가 가진 CSS 코드는?

감사합니다.

UPDATE

HTML 코드 그것은 일

enter image description here

출처

2014-12-10 Dmitry Paranyushkin

을 추가 @putvande 제안에 따라 있도록 몇 가지 다른 스타일이 하나를 무시했다? – webeno

@webeno, 어떤 클릭 이벤트? 이것은 CSS 전용입니다. OP, 나에게도 잘 작동하기 때문에 HTML을 너무 보여줄 수 있습니까? http://jsfiddle.net/v4r2cag4/ – putvande

입력 양식은 실제로 http://ioncache.github.io/Tag-Handler/ 코드를 통해 생성됩니다. 따라서 페이지가로드 될 때 표시되지 않지만 나타나지는 않습니다. 사용자는 생성 된 입력 양식을 클릭하기 만하면 CSS의 스타일이 적용됩니다. 너비를 변경하는 방법을 찾지 못했습니다. –

합니다 (그림 죄송합니다, 그것은 이런 식으로 얻을 수있는 가장 빠른했다). 나는 그것을 확인하고 클릭 이벤트를 호출하기 위해 사용하고있는 코드 !important

input.tagInputField:focus { 
width: 50px !important; 
}

출처

2014-12-10 21:47:58

CSS를 사용하여 입력 상자의 크기를 조정하는 방법

답변

관련 문제