Вопросы с тегом «css»

102
Как стилизовать <option> только с помощью CSS?

Примечание. Этот вопрос не касается создания настраиваемого раскрывающегося списка. Речь идет только о возможностях стилизации <option>элементов в элементе select в CSS. Как я могу <option>стилизовать <select>элементы с кросс-браузерной совместимостью? Я знаю много способов...

102
Анимация CSS3: отображение + непрозрачность

У меня проблема с анимацией CSS3. .child { opacity: 0; display: none; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .parent:hover .child { opacity: 0.9; display: block; } Этот код работает, только если я удалю...

102
Как растянуть фоновое изображение, чтобы заполнить div

Я хочу установить фоновое изображение для разных div, но мои проблемы: Размер изображения фиксированный (60 пикселей). Различный размер div Как я могу растянуть фоновое изображение, чтобы заполнить весь фон div? #div2{...

102
Возможно ли в SASS наследование от класса в другом файле?

Вопрос в значительной степени говорит обо всем. Например, если бы я использовал, скажем, Twitter Bootstrap , мог бы я определить классы в моей собственной таблице стилей SASS, которые наследуются от классов CSS Bootstrap? Или наследование в SASS работает только в рамках одного файла?...

102
Sass или Compass без рубина?

Есть ли способ использовать Sass, Compass или что-то подобное без Ruby? Я искал Google и этот сайт и ничего не нашел, любая помощь будет оценена. Спасибо

102
Как я могу объединить flexbox и вертикальную прокрутку в полноразмерном приложении?

Я хочу использовать полноразмерное приложение с помощью flexbox. Я нашел то, что хочу, используя старый модуль макета flexbox ( display: box;и другие вещи) по этой ссылке: CSS3 Flexbox full-height app and overflow Это правильное решение для браузеров, которые поддерживают только старую версию...

102
Дисплеи Retina, фоновые изображения высокого разрешения

Это может показаться глупым вопросом. Если я использую этот фрагмент CSS для обычных дисплеев (где box-bg.png200 на 200 пикселей); .box{ background:url('images/box-bg.png') no-repeat top left; width:200px; height:200px } и если я использую медиа-запрос, подобный этому, для нацеливания на дисплеи...

102
Как стилизовать SVG с помощью внешнего CSS?

У меня есть несколько изображений SVG, цвета которых я хотел бы изменить с помощью внешних таблиц стилей, а не непосредственно в каждом файле SVG. Я не помещаю графику в строку, а храню ее в папке с изображениями и указываю на них. Я реализовал их таким образом, чтобы всплывающие подсказки...

102
Как применить стиль ко всем дочерним элементам элемента

У меня есть элемент с class='myTestClass'. Как применить стиль CSS ко всем дочерним элементам этого элемента? Я хочу применить стиль только к дочерним элементам. Не его внуки. Я мог бы использовать .myTestClass > div { margin: 0 20px; } которые работают для всех divдетей, но я хотел бы решение,...

102
Как сделать причудливую стрелку с помощью CSS?

Итак, все знают, что можно сделать треугольник, используя это: #triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } И это дает сплошной закрашенный треугольник. Но как сделать такой треугольник в виде полой...

102
Как вы зависаете в ReactJS? - onMouseLeave не регистрируется при быстром наведении

Как вы можете добиться в ReactJS события зависания или активного события, когда вы выполняете встроенные стили? Я обнаружил, что подход onMouseEnter, onMouseLeave содержит ошибки, поэтому надеюсь, что есть другой способ сделать это. В частности, если вы очень быстро наведете курсор мыши на...

102
Сделайте вид 80% ширины родителя в React Native

Я создаю форму в React Native и хочу сделать TextInput80% ширины экрана. С HTML и обычным CSS это было бы просто: input { display: block; width: 80%; margin: auto; } За исключением того, что React Native не поддерживает displayсвойства, ширину в процентах или автоматические поля. Так что же мне...

101
Использование SASS с ASP.NET [закрыто]

В его нынешнем виде этот вопрос не подходит для нашего формата вопросов и ответов. Мы ожидаем, что ответы будут подтверждены фактами, ссылками или опытом, но этот вопрос, скорее всего, повлечет за собой дебаты, аргументы, опросы или расширенное обсуждение. Если вы считаете, что этот вопрос можно...

101
html - строка таблицы как ссылка

Я не могу установить свою строку таблицы как ссылку на что-то. Могу использовать только css и html. Я пробовал разные вещи от div in row к чему-то другому, но все еще не могу заставить его работать....