У меня есть простое расширение Chrome, которое использует функцию сценария содержимого для изменения веб-сайта. В частности,background-image упомянутый веб-сайт. По какой-то причине я не могу использовать локальные изображения, даже если они упакованы в расширение. body { background: #000...
Окно Google Maps InfoWindow по умолчанию для маркера карты очень круглое. Как создать собственное окно InfoWindow с квадратными углами?
Я пытаюсь выбрать первый h1внутри divкласса с именем detail_container. Он работает, если h1это первый элемент внутри этого div, но если он идет после этого, ulон не будет работать. <style type="text/css"> .detail_container h1:first-child { color:blue; } </style> </head>...
Использование веб-инспектора хромов для просмотра кода очень полезно. Но как вы, например, просматриваете код наведения курсора для кнопки? Вам нужно будет навести указатель мыши на кнопку, и поэтому вы не сможете использовать ее (мышь) в инспекторе. Есть ли какие-либо ярлыки или другие способы...
Мне нужно использовать селектор атрибутов в css, чтобы изменить ссылку на другой цвет и изображение, но это не работает. У меня есть этот html: <a href="/manual.pdf">A PDF File</a> И этот css: a { display: block; height: 25px; padding-left: 25px; color:#333; font: bold 15px Tahoma;...
Я создаю электронное письмо в формате html, в котором используется внутренняя таблица стилей, т.е. <!doctype html> <html> <head> <style type="text/css"> h2.foo {color: red} </style> </head> <body> <h2 class="foo">Email content here</foo>...
Примечание: этот вопрос актуален только для Grunt 0.3.x и оставлен для справки. Если вам нужна помощь с последним выпуском Grunt 1.x, пожалуйста, прочтите мой комментарий под этим вопросом. В настоящее время я пытаюсь использовать Grunt.js для настройки процесса автоматической сборки для первого...
Я пытаюсь подогнать изображение под конкретный размер div. К сожалению, изображение не соответствует ему, а вместо этого пропорционально сжимается до недостаточно большого размера. Я не уверен, что лучше всего сделать, чтобы изображение поместилось внутри него. Если этого кода недостаточно, я был...
У меня есть разметка, в которой используются встроенные стили, но у меня нет доступа для изменения этой разметки. Как переопределить встроенные стили в документе, используя только CSS? Я не хочу использовать jQuery или JavaScript. HTML: <div style="font-size: 18px; color: red;"> Hello World,...
У меня есть пример кода ниже. Это отлично работает со всеми браузерами, кроме браузеров на мобильных устройствах. Проблема заключается в теге переполнения. Работает со всеми, кроме мобильных: margin: 0; padding: 0; height: 100%; overflow: hidden; Работает со всеми мобильными, а не компьютерами:...
Я использовал макет гибкого блока CSS, который выглядит, как показано ниже: Если экран становится меньше, он превращается в это: Проблема в том, что размеры изображений не изменяются, сохраняя пропорции исходного изображения. Можно ли использовать чистый CSS и макет гибкого блока, чтобы разрешить...
Используя Thymeleaf в качестве механизма шаблонов, можно ли динамически добавлять / удалять класс CSS в / из простого divс th:ifпредложением? Обычно я мог бы использовать условное предложение следующим образом: <a href="lorem-ipsum.html" th:if="${condition}">Lorem Ipsum</a> Мы создадим...
Я использую Font Awesome и не хочу добавлять CSS с HTTP. Я загрузил Font Awesome и включил его в свой код, но Font Awesome показывает квадратную рамку с рамкой вместо значка. Вот мой код: <html> <head> <link rel="stylesheet" href="../css/font-awesome.css"> <link...
У меня есть модальный загрузчик 2.32, который я пытаюсь динамически вставить в HTML другого представления. Я работаю с Codeigniter 2.1. После динамической вставки модального частичного представления начальной загрузки в представление у меня есть: <div id="modal_target"></div> как...
Я хочу создать кнопку переключения в html с помощью css. Я хочу, чтобы, когда вы нажимаете на него, он оставался нажатым, а когда вы снова нажимаете на него, он выскакивал. Если нет возможности сделать это, просто используя css. Есть ли способ сделать это с помощью jQuery?...
Допустим, правило таково: .largeField { width: 65%; } Есть ли способ как-то вернуть 65%, а не значение в пикселях? Спасибо. РЕДАКТИРОВАТЬ: К сожалению, использование методов DOM в моем случае ненадежно, так как у меня есть таблица стилей, которая импортирует другие таблицы стилей, и в результате...
Мне довелось увидеть, у divкого был стиль clear:both! Какая польза от clearв style? <div style="clear:both">
Я нашел этот код CSS, запустил его, чтобы посмотреть, что он делает, и выделил КАЖДЫЙ элемент на странице, Может кто-нибудь объяснить, что Asterisk * делает в CSS? <style> * { outline: 2px dotted red } * * { outline: 2px dotted green } * * * { outline: 2px dotted orange } * * * * { outline:...
Как нарисовать пунктирную линию с помощью CSS?
Вот пример, который я не понимаю: .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } Мне кажется, что width: 460pxэто относится ко всем вышеперечисленным классам. Но почему некоторые классы разделяются запятой ( ,), а некоторые просто пробелом? Я предполагаю, что width: 460pxэто будет...