Category: Front-end

가끔 화면을 만들다 보면 input창에 placeholder속성에 스타일들을 주어야 하는 경우를 볼 수 있어요!

그 경우에는 당황하지말고, 이 스타일들을 참고하세요 🙂

<style>
   /* WebKit, Blink, Edge */
   ::-webkit-input-placeholder {
      //example
        color:    #909;
   }
   /* Mozilla Firefox 4 to 18 */
   :-moz-placeholder {
      //example
       color:    #909;
       opacity:  1;
   }
   /* Mozilla Firefox 19+ */
   ::-moz-placeholder { 
      //example
      color:    #909;
      opacity:  1;
   }
   /* Internet Explorer 10-11 */
   :-ms-input-placeholder { 
      //example
      color:    #909;
   }
   /* Microsoft Edge */
   ::-ms-input-placeholder {
     //example
     color:    #909;
   }
</style>