В IOS Safari телефон преобразует текст в кликабельную ссылку с синим цветом, как исправить?

Question

[AleninD]

Всем привет, во всех браузерах кроме Safari ссылки принимают стиль color: #fff, и выглядят нормально, в мобильном IOS на эту ссылку стили не действуют, и она окрашена по дефолту в синий, с подчеркиваниями. Можно ли как-то насильно прописать определенный стили для конкретного браузера? и как с этим бороться?

Comments

[Rustam Bainazarov]

Какая ссылка? Пришлите нормально.

1. Если это телефон и т. п. — вот:
В браузере Safari появляются ссылки в верстке, хотя их нет, как исправить?

2. Отдельно и только для iOS можно так стили обособить хаком:

@supports (-webkit-overflow-scrolling: touch) {
  /* код тут будет работать только в iOS Safari */
}

А вообще, проблемы с цветом ссылок у данного браузера нет. Пришлите код.

[AleninD]

Рустам Байназаров, Спасибо, именно то, что было нужно) Даже и не знал по поводу существования этих мета тегов. Они только в сафари преобразуют обычный ссылки и параграфы с телефоном внутри в кликабельную ссылку?

[Rustam Bainazarov]

AleninD, да, в Safari пока только.

Тогда пишу ответ, чтобы не висело.

[AleninD]

Рустам Байназаров, Не подскажите с еще одним вопросом тогда, в Safari не проигрывается автоматом видео, стоит poster с кликабельной кнопкой play. Этот совет давали вы, по поводу добавить muted, и так же совет по поводу добавить playsinline на забугорном stackoverflow не помогает

<video preload="metadata" muted="muted" playsinline autoplay loop poster="./img/video/stalnoff.jpg" id="main-video-bg">
      <source src="./img/video/stalnoff.webm" type="video/webm">
      <source src="./img/video/stalnoff.mp4" type="video/mp4">
      <source src="./img/video/stalnoff.ogv" type="video/ogv">
 </video>

[Rustam Bainazarov]

AleninD, у меня вот так работает на телефоне:
Почему на iphone автоматический не начинается играть видео?

[AleninD]

Рустам Байназаров, странно, может из-за того что тестирую на старом IOS 9 в Browserstack. Там ниже под вашим ответом есть плагин, позволяющий включить поддержку 9той версии, попробую с ней.

[Rustam Bainazarov]

AleninD, а зачем iOS 9? У кого она есть, у ~0.5 процента пользователей? :))

Уже 13-я версия на носу, всё актуальные устройства обновились до 12-й или 11-й версий давным-давно:

gs.statcounter.com/ios-version-market-share/mobile...

[AleninD]

Рустам Байназаров, Наш руководитель отдела считает что 0.5 процентов это лучший люди нашей планеты) поэтому кроссбраузерность у сайта должна быть как у SpaceX. Лучшая и летающая до Марса) Поэтому приходится извращаться с префиксами и полифилами, и поддерживать динозавров.

[Rustam Bainazarov]

AleninD, передаю ему привет, конечно. Главное, чтобы бюджет проекта и оплата вашей работы была такой же высокой, как его требования.

[AleninD]

Рустам Байназаров, Да бросьте, я в штате компании, и работаю за неплохой для региона оклад, но не более того. Одно утешение, это бесценный опыт от раскопок старых реликвий на css кроссбраузерности.

Answer 1

[Rustam Bainazarov]

В iOS Safari тексты с телефонами, почтой и пр. могут автоматически превращаться в ссылки, чтобы отменить этот механизм, нужны meta-теги:
В браузере Safari появляются ссылки в верстке, хотя их нет, как исправить?

Comments

[AleninD]

Спасибо, полезная информация.

[salessolution]

Большое спасибо!

Answer 2

[Даниил Маслов]

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

Answer 3

[Иван]

вроде так вот:

display: -webkit-box;
  -webkit-box-align: center;