HTML CSS Упражнение: Стиль текста заполнителя
Решение:
HTML-код:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML CSS Exercises - Style Placeholder text</title>
<style type="text/css">
input[type="text"]::-webkit-input-placeholder {
color: orange;
}
</style>
</head>
<body>
//insert this within html section. within body of codepen
<form action="">
<div>
<label for="email">Email:</label>
<input id="email" name="email" type="text" placeholder="[email protected]">
</div>
</form>
//insert this within css section. within body of codepen
</body>
</html>
Демонстрация в реальном времени:
См. Pen style-placeholder-text-answer от w3resource ( @ w3resource ) в CodePen .
Поддерживаемый браузер
да | да | да | да | да |
Каков уровень сложности этого упражнения?
Новый контент: Composer: менеджер зависимостей для PHP , R программирования
disqus2code