Как изменить положение placeholder?

Question

[atumbochka]

Есть данный input:

<input type="text" placeholder="MESSAGE" class="button2">

Он имеет такие размеры:

.button2{
    width: 495px;
    height: 205px;
}

Так как относительно стандартного размера он сильно увеличен, то placeholder сильно сдвинут, требуется переместить его в самый верх. Пробовал padding, margin - ничего не получилось. Возможно, я как-то не так их использовал, точно не знаю.
Заранее спасибо за помощь!

Answer 1

[HamSter]

margin на placeholder никак не влияет, потому что задает внешние отступы!

Регулировать стили для подсказки можно задав стили для input(font-size, line-height, padding) или стилизация placeholder:

::-webkit-input-placeholder {
...
}
:-moz-placeholder { 
...  
}
::-moz-placeholder { 
...
}
:-ms-input-placeholder { 
...
}