http://ingoodtastemag.com/

На iPhone кнопка круглая с градиентом. Однако во всех остальных браузерах для настольных ПК и Android, которые мы тестировали, он квадратный. Я хочу, чтобы кнопка оставалась квадратной. Какие сбросы CSS мне нужны для этого?

14
jemiloii 5 Апр 2014 в 02:55

3 ответа

Лучший ответ

Этот закругленный угол является свойством по умолчанию для браузера Safari и устройств iOS 5. Чтобы перезаписать его, используйте для кнопки следующий стиль:

-webkit-appearance: none;
border-radius: 0;
36
RamenChef 5 Янв 2018 в 14:23

Чтобы сохранить свой собственный радиус границы при удалении стиля iOS

-webkit-appearance: none;
-webkit-border-radius: none;
border-radius: 10px;

Вы должны удалить border-radius webkit, чтобы вернуть свой собственный стиль, но вы все равно можете добавить свой собственный border-radius после того, как удалите их.

0
sammy 8 Июл 2020 в 11:07

Вы можете попробовать использовать это свойство в атрибуте кнопки.

border-radius: 0
0
user3495966user3495966 4 Апр 2014 в 23:01