CSS: Как увеличить размер кнопки отправки OSX

Как увеличить размер кнопки отправки FORM для OSX-Safari?

Я хочу сохранить внешний вид кнопки отправки FORM для соответствующей операционной системы, а также увеличить размер кнопки отправки. (Значение, отсутствие использования изображений, пользовательские границы и т.д.)

Используя следующий CSS:

input.submitbutton {font-size:150%;}

В Windows это увеличивает размер и ширину кнопки отправки по желанию... независимо от браузера (Safari, Firefox, IE, Chrome).

Но на OSX - Safari не увеличивает размер кнопки вообще. Размер кнопки формы остается размером по умолчанию.

Ответы

Ответ 1

Попробуйте включить это свойство CSS в свой стиль:

-webkit-appearance: кнопка;

Надеюсь, это поможет!

Ответ 2

Кнопки формы Safari, как правило, сложны в стиле (если не невозможно).

Как говорили другие, высота в значительной степени неприкасаема.

Что вы можете сделать, это установить размер шрифта на размер точного размера, чтобы изменить размер кнопки.

input.submitbutton {font-size:14px;}

Это должно увеличить размер шрифта и кнопку. Это делает максимум, хотя... вы не можете просто увеличить размер шрифта.

Ответ 3

"Натуральный вид" кнопки включает фиксированную высоту по определению

Технические характеристики кнопок

Размеры управления: Кнопки доступные в обычном, маленьком и мини размеры. Высота кнопки фиксированный для каждого размера, но вы указываете ширина, в зависимости от длины текст ярлыка, который вы поставляете. если ты не указывать достаточно широкую кнопку, конечные колпачки зажимают текст.

То, что вы хотите, не будет "родным" и, следовательно, обязательно будет связано с созданием пользовательского образа, или вы всегда можете сделать что-то вроде этого

http://girliemac.com/blog/2009/04/30/css3-gradients-no-image-aqua-button/

Ответ 4

Если вы применяете границу к кнопке, Safari отказывается от нее глянцевой кнопки, и вы можете делать с ней что угодно.

Ответ 5

Я использую несколько входных type="button", и они выглядят нормально, используя:

input[type="button"] {
-webkit-appearance: button;
height:40px;
}

Они не стилировались без -wbkit-line.

Ответ 6

или используйте тег <button>. Particletree! Повторное открытие элемента кнопки

Ответ 7

Его крайний случай, но если вы пытаетесь всевозможные вещи и просто не можете заставить Safari делать метки кнопок меньше, возможно, вы включили опцию "Никогда не используйте шрифты меньше X" в настройках Safaris:

Вчера это зацепило меня. Просто отключите его, и Safari будет с большей вероятностью уважать ваши директивы CSS.

Ответ 8

input.submitbutton{
    width:200px;
    height:500px;
}

Кажется очевидным, но попробовали ли вы изменить размер элемента вместо размера шрифта?