|
|
|
| Имеется
<input class="inumber" type="number" value="1" />
Помогите написать стиль. Нужно чтобы кнопки минус и плюс в виде текстовых символов "-" и "+" располагались слева и справа соответственно, отцентрированные по высоте относительно самого number. И никаких других кнопок внутри number не было.
Помогите пожалуйста. | |
|
|
|
|
|
|
|
для: Port_Artur3
(01.05.2015 в 08:34)
| | Как стилями не знаю. Могу предложить такой вариант. Если я правильно понял цель которой нужно добиться :-)
<!doctype html>
<html>
<head>
<title>Number</title>
<meta charset="utf-8">
<style>
.inumber {
color:red;
text-align:right;
width:30px;
}
</style>
</head>
<body>
<button onClick="document.getElementById('num1').value=parseInt(document.getElementById('num1').value)-1">-</button>
<input readonly id="num1" class="inumber" type="text" value="1">
<button onClick="document.getElementById('num1').value=parseInt(document.getElementById('num1').value)+1">+</button>
</body>
</html>
|
| |
|
|
|
|
|
|
|
для: AlexShag
(01.05.2015 в 12:07)
| | Тип number имеет еще особенности - минимальное и максимальное значения, шаг изменения, поэтому выносить обработку из нативных в обработчик отдельный надо, и расширять обработку условиями. | |
|
|
|
|
|
|
|
для: confirm
(01.05.2015 в 17:05)
| | Мне кажется суть не в этом, а в том можно ли добиться поставленной задачи с помощью только CSS. Мне кажется что нельзя. Ну а мой пример конечно можно дорабатывать. | |
|
|
|
|
|
|
|
для: AlexShag
(01.05.2015 в 18:43)
| | Конечно нет, это элемент определяемый системой, какие тут css могут быть. | |
|
|
|
|
|
|
|
для: confirm
(01.05.2015 в 20:53)
| | Спасибо, разобрался. | |
|
|
|