Thay đổi kiểu nhập khi văn bản được nhập chỉ sử dụng CSS

Question

Tôi tạo kiểu cho trang mà tôi chỉ được cấp quyền truy cập vào các tệp CSS.

Tôi đang tìm cách thay đổi kiểu của yếu tố đầu vào nếu giá trị của nó không trống.

Dưới đây là những gì tôi có cho đến nay ...

<input id="myInput" type="text" name="myInput" autocomplete="off" placeholder="Enter your Card Number"> 

và

input { 
    font-style:italic; 
} 

input:not([value='']) { 
    font-style:normal; 
} 

này không hoạt động mặc dù là văn bản không bao giờ là in nghiêng.

Thậm chí có thể đạt được điều này khi xem xét tôi chỉ có thể chỉnh sửa tệp CSS.?

Answer 1

Hình như bạn đang sử dụng HTML5 ... nếu có thì chỉ cần chỉnh sửa GIỮ CHỖ bạn thẻ

::-webkit-input-placeholder {font-style: italic} /*Chrome */ 
:-moz-placeholder {font-style: italic} /*ff*/ 
:-ms-input-placeholder {font-style: italic} /*ie latest */ 

JSFIDDLE:

http://jsfiddle.net/Riskbreaker/wCff9/

Answer 2

Có lẽ bạn muốn điều này:

input::-webkit-input-placeholder { 
    font-style: italic; 
} 
input[type=text] { 
    font-style:normal; 
} 

http://jsfiddle.net/Le6XM/1/

Answer 3

Tôi nghĩ rằng những gì bạn muốn làm là tạo kiểu cho người giữ chỗ. Hãy dùng thử!

 input { 
      font-style:italic; 
     } 

     ::-webkit-input-placeholder { 
      font-style:normal; 
     } 

     :-moz-placeholder { /* Firefox 18- */ 
      font-style:normal; 
     } 

     ::-moz-placeholder { /* Firefox 19+ */ 
      font-style:normal; 
     } 

     :-ms-input-placeholder { 
      font-style:normal; 
     }