Кнопка кнопки имеет тот же размер, что и входы

У меня есть форма с входами/выборами и одной кнопкой.Кнопка кнопки имеет тот же размер, что и входы

Если кнопка <button/>, то у меня проблемы с этим размером в браузере FF (это больше, чем входы).

Если кнопка <input/>, то у меня проблемы с текстом кнопки (я не могу установить ее в середине кнопки для всех браузеров).

Вот пример (с <button> и <input>)

EXAMPLE

источник

2016-05-19 demo

Пожалуйста, не используйте встроенный CSS. Смешивание внешних CSS и встроенных CSS еще хуже. Это не читаемо и сложно понять, что происходит с вашим стилем. –

@TJ, извините за это ... – demo

Привет использование набивка вместо высоты для кнопок:

.form-search input.search-input, .form-search select.search-input, form input.search-input, form select.search-input { 
    padding: 0 20px 0 20px; 
    margin: 3px 0; 
}

источник

2016-05-19 08:44:59 David

https://jsfiddle.net/Lm00ue9h/6/ не помогает – demo

использовать стандартные входы без стилей, чтобы они выглядели по-разному в разных браузерах, несмотря ни на что, приведенный выше фрагмент кода я дал вам проблему с размером * проблемы. – David

Это общая проблема, которую я имел с разными браузерами. Вы можете использовать jQuery, чтобы узнать, является ли браузер FireFox, используйте ссылку css, а если браузер Chrome или Safari, используйте другой css, чтобы получить ваши требования.

источник

2016-05-19 08:53:05 reshad

Кнопка кнопки имеет тот же размер, что и входы

ответ

Смежные вопросы