Yandex text input с тенью

Fozzy 2011 M09 21
1092
1
0
0

yandex text input с тенью css<style> .b-form-input{display:block} .b-form-input__box{display:block;padding-left:.3em;border:1px solid} .b-form-input__box{height:26px;} ...

yandex text input с тенью

css
  1. <style>
  2. .b-form-input{display:block}
  3. .b-form-input__box{display:block;padding-left:.3em;border:1px solid}
  4. .b-form-input__box{height:26px;}
  5. .b-form-input__box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-color:#a3a3a3 #c6c6c6 #e5e5e5;background:#fff;-webkit-box-shadow:inset 0 1px 1px #cfcfcf;-moz-box-shadow:inset 0 1px 1px #cfcfcf;box-shadow:inset 0 1px 1px #cfcfcf}
  6. .b-form-input__input{font:100% Arial,sans-serif;width:100%;height:100%;margin:0;border:0}
  7. .b-form-input__input{font-size:16px}
  8. .b-form-input__input{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;background:none}
  9. </style>
HTML
  1. <span class="b-form-input">
  2. <span class="b-form-input__box">
  3. <input autocomplete="off" name="text" value="" maxlength="400" tabindex="1" class="b-form-input__input">
  4. </span>
  5. </span>
     

Оцените пост

0