Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: изменить стиль input number
 
 автор: Port_Artur3   (01.05.2015 в 08:34)   письмо автору
 
 

Имеется
<input class="inumber" type="number" value="1" />

Помогите написать стиль. Нужно чтобы кнопки минус и плюс в виде текстовых символов "-" и "+" располагались слева и справа соответственно, отцентрированные по высоте относительно самого number. И никаких других кнопок внутри number не было.

Помогите пожалуйста.

  Ответить  
 
 автор: AlexShag   (01.05.2015 в 12:07)   письмо автору
 
   для: 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>

  Ответить  
 
 автор: confirm   (01.05.2015 в 17:05)   письмо автору
 
   для: AlexShag   (01.05.2015 в 12:07)
 

Тип number имеет еще особенности - минимальное и максимальное значения, шаг изменения, поэтому выносить обработку из нативных в обработчик отдельный надо, и расширять обработку условиями.

  Ответить  
 
 автор: AlexShag   (01.05.2015 в 18:43)   письмо автору
 
   для: confirm   (01.05.2015 в 17:05)
 

Мне кажется суть не в этом, а в том можно ли добиться поставленной задачи с помощью только CSS. Мне кажется что нельзя. Ну а мой пример конечно можно дорабатывать.

  Ответить  
 
 автор: confirm   (01.05.2015 в 20:53)   письмо автору
 
   для: AlexShag   (01.05.2015 в 18:43)
 

Конечно нет, это элемент определяемый системой, какие тут css могут быть.

  Ответить  
 
 автор: Port_Artur3   (01.05.2015 в 23:34)   письмо автору
 
   для: confirm   (01.05.2015 в 20:53)
 

Спасибо, разобрался.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования