일반 텍스트 상자에 대해 선택된 CSS

Question

선택 상자에 대해 선택한 jquery 플러그인을 정말 좋아하지만 selected.css 파일에 정의 된 스타일로 일반 텍스트 상자를 스타일링 할 수 있습니까? 아니면 selected.css를 변경해야합니까? ?

Answer 1

나는 그 오래된 질문을 알고 있지만, 나는 똑같은 일을했다.

모든 입력에 대해 새 CSS 항목을 추가하여이 작업을 수행했습니다.

input { 
    background-color: #ffffff; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); 
    background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
    background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
    background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
    background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
    background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
    -webkit-border-radius: 5px; 
    -moz-border-radius : 5px; 
    border-radius  : 5px; 
    -moz-background-clip : padding; 
    -webkit-background-clip: padding-box; 
    background-clip  : padding-box; 
    border: 1px solid #aaaaaa; 
    -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); 
    -moz-box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); 
    box-shadow  : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1); 
    overflow: hidden; 
    white-space: nowrap; 
    position: relative; 
    height: 23px; 
    line-height: 24px; 
    padding: 0 0 0 8px; 
    color: #757575; 
    text-decoration: none; 
    text-shadow: 0 1px 0 #fff; 
    text-transform: uppercase; 
    font-family: "Tahoma", sans-serif; 
    font-size: 11px; 
    font-weight: bold; 
} 

Answer 2

예, 가능합니다. 방화범/이와 비슷한 검사관을 사용하여 CSS을 검사하고 해당 수업을 textbox에 적용하십시오.

또는 자신의 id/class 조합을 사용하여 검사하여 적용하여 CSS 속성을 사용할 수도 있습니다.