Я не думаю, что входные поля позволят изменить стиль первой буквы - кажется, что ОС не делает это возможным. Таким образом, вы можете сделать свойство div
с contentEditable
равным "true"
, и получить его содержимое с помощью JavaScript или небольшой обходной путь с двумя входами, выровненными по горизонтали или что-то в этом роде. См. Это:
<html>
<head>
.leftInput{
border-bottom: 1px solid black;
border-left: 1px solid black;
border-top: 1px solid black;
border-right: 0px;
width:10px;
color:red;
}
.rightInput{
border-bottom: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
border-left: 0px;
margin-left: 0px;
}
</head>
<body>
<input type="text" name="address" value="* " class="leftInput" /><input type="text" name="address" value="Property Address :" class="rightInput" />
</body>
</html>
.leftInput {
border-bottom: 1px solid black;
border-left: 1px solid black;
border-top: 1px solid black;
border-right: 0px;
width: 10px;
color: red;
}
.rightInput {
border-bottom: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
border-left: 0px;
margin-left: 0px;
}
<input type="text" name="address" value="* " class="leftInput"
/><input type="text" name="address" value="Property Address :" class="rightInput" />
Вы можете сделать несколько вещей: