Почему ввод имеет больше округлости в iPad и iPhone - PullRequest
Новая
       13

Почему ввод имеет больше округлости в iPad и iPhone

0 голосов
/ 18 сентября 2011

Смотрите здесь jsfiddle http://jsfiddle.net/KvKsm/2/embedded/result/

редактировать здесь http://jsfiddle.net/KvKsm/2/

HTML 

<input type="submit" value="Contact Us">

1010 * CSS * 

input {
     -moz-transition: -moz-transform 0.2s ease-in-out 0s;
     background: none repeat scroll 0% 0% #2E2E2E;
     border-radius: 8px 8px 8px 8px;
     border: 0pt none;
     box-shadow: 0pt -1px 1px rgba(255, 255, 255, 0.15) inset;
     color: #FFFFFF;
     display: inline-block;
     font-size: 32px;
     line-height: 1;
     padding: 10px;
     text-shadow: 0pt -1px 1px rgba(19, 65, 88, 0.8);width:180px
}

в настольных браузерах

enter image description here

в iPad и iPhone

enter image description here

Я хочу кнопку фиксированной ширины.

1 Ответ

4 голосов
/ 18 сентября 2011

Я нашел ответ здесь

http://thinkvitamin.com/design/styling-submit-buttons-for-mobile-safari/

добавление -webkit-appearance: none; решило проблему

...