Я нашел проблему в цветной текстовой ссылке, на самом деле, я установил свой цвет ссылки для рабочего стола. Теперь, когда я увидел в Iphone, цвет меняется на синий. Я использую !important
после цветового кода, но тот же результат на этот раз, пожалуйста, скажите мне, в чем проблема, и дайте мне лучшее решение.Как изменить цвет текстовой ссылки для IOS
ответ
@media (min-device-width:320px) and (max-device-width:768px)
{
a {color:#ff0000;}
}
Если приведенный выше код не подходит для вас, подробный подробный код может исправить вашу проблему, указанную ниже.
/* ----------- iPhone 4 and 4S ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
}
/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}
/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
}
/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
}
/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}
/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
}
/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {
}
/* Portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
a {
color: #ff0000;
}
}
/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
a {
color: #ff0000;
}
}
/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3) {
a {
color: #ff0000;
}
}
/* Portrait */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {
a {
color: #ff0000;
}
}
/* Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
a {
color: #ff0000;
}
}
sir, вы уверены в этом коде –
Я использую этот тип кода уже в своем css, но я не исправляю эту проблему. –
Проверьте и дайте мне знать – Gunaseelan
Вы должны иметь что-то вроде
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
a {
color: red;
}
}
может у добавить "-webkit-внешний вид: нет;" в теге привязки, и установить цвет шрифта и удалить важный из кода
например:
.link {
color: blue;
-webkit-appearance: none;
}
Я уже написал этот тег в моем css –
Могу ли вы поделиться кодом с помощью Fiddle –
Ok я нашел мое решение этой проблемы, когда я использую этот тип мета-тег мой текст ссылки цвет же как я описал в css.
Я использую этот метатег в заголовке.
<meta name="format-detection" content="telephone=no">
Данный метатег используется только для включения/выключения телефонных номеров на веб-странице в сафари на iOS. Для справки проверьте этот [url] (https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html) – Gunaseelan
- 1. Как изменить цвет активной ссылки?
- 2. Как изменить цвет ссылки?
- 3. Как изменить цвет текстовой кнопки в UIActionSheet?
- 4. Как изменить цвет фона для посещаемой ссылки
- 5. Как изменить цвет навигационной ссылки
- 6. Изменить цвет выбранной ссылки
- 7. Изменить цвет ссылки анонс
- 8. изменить цвет фона на пустой текстовой области
- 9. Изменить цвет ссылки в RichTextBox
- 10. Изменить цвет ссылки на webview
- 11. Изменить цвет ссылки в NSMutableAttributedString
- 12. Цвет для определенной текстовой партии
- 13. iOS: Как установить цвет текстовой почты в виде текстовой панели, содержащей панель навигации контроллера?
- 14. Цвет текстовой строки действия
- 15. Как изменить цвет активной ссылки в меню
- 16. Как изменить цвет ссылки с каждой сессией
- 17. Изменить цвет активной ссылки и сохранить другой цвет для других
- 18. Как изменить цвет ссылки на событие mouseover
- 19. Изменить цвет ссылки для одной ссылки в футере
- 20. Как изменить цвет ссылки в d3js?
- 21. Как изменить цвет ссылки при нажатии?
- 22. Как изменить цвет ссылки после его нажатия?
- 23. Как изменить цвет ссылки CakePHP по умолчанию?
- 24. Как изменить цвет ссылки в UITextField?
- 25. Как изменить цвет ссылки в NS2?
- 26. Как изменить цвет шрифта текущей ссылки
- 27. Как изменить цвет фона ссылки изображения на другой цвет?
- 28. Как изменить цвет фона измененного текста в текстовой области
- 29. Изменить цвет фона в ios
- 30. Как изменить цвет ссылки в определенном классе для сНа CSS
Вы пишете медиа-запрос для отзывчивого дизайна? – Gunaseelan
извините, да, я использую медиа-запрос только для табуляции –