2015-07-15 2 views
0

я был стилизации держателя места, и я использую ..Как Стиль каждое предложение по-разному в одном заполнитель

::-webkit-input-placeholder{ 
font-family: 'Source Sans Pro', sans-serif; 
color: #535252!important; 
font-size: 18px; 
position: relative; 
bottom: 03px; 
font-weight: 600; 
} 

Но это один стиль, как я могу применить несколько стилей в одном месте держателя, как вы можете видеть, в картине

enter image description here

+0

Вы должны использовать некоторую альтернативу для заполнителя-корректура решения что-то вроде этого http://webdesignerwall.com/tutorials/кросс-браузер html5-заполнитель-текст/комментарий-страница-2 – Mardzis

ответ

1

Похоже, это более сложный (не только элемент ввода). Что-то вроде этого:

<div class="wrapper"> 
    <label class="prefix"> 
     Prefix: 
    </label> 
    <input type="text" placeholder="placeholder" /> 
</div> 

и CSS:

div.wrapper { 
border: 1px solid blue; 
width: 300px; 
padding: 4px; 
} 

div.wrapper input { 
border: 0 none; 
background-color: transparent; 
outline: none; 
} 

См example

Смежные вопросы