программирование css

16

Как вы читаете значения правил CSS с помощью JavaScript?

Я хотел бы вернуть строку со всем содержимым правила CSS, например в формате, который вы бы видели во встроенном стиле. Я хотел бы иметь возможность делать это, не зная, что содержится в конкретном правиле, поэтому я не могу просто вытащить их по имени стиля (например, .style.widthи т. Д.) CSS: .test …

116 javascript html css

8

Ставить DIV друг на друга?

Можно ли сложить несколько DIV, например: <div> <div></div> <div></div> <div></div> <div></div> </div> Так что все эти внутренние DIV имеют одинаковую позицию X и Y? По умолчанию все они располагаются ниже друг друга, увеличивая позицию Y на высоту последнего предыдущего DIV. У меня такое ощущение, что какой-то поплавок, дисплей или другой …

116 css html stack css-float

4

Использование: перед псевдоэлементом CSS для добавления изображения в модальное окно

У меня есть класс CSS, Modalкоторый абсолютно позиционирован, проиндексирован по z над его родителем и хорошо позиционирован с помощью JQuery. Я хочу добавить изображение курсора (^) в верхнюю часть модального окна и искал использование :beforeпсевдоселектора CSS, чтобы сделать это чисто. Изображение должно быть абсолютно позиционировано и проиндексировано по оси z …

116 css modal-dialog pseudo-element

3

Могу ли я иметь несколько псевдоэлементов: before для одного и того же элемента?

Возможно ли иметь несколько :beforeпсевдонимов для одного и того же элемента? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Я пытаюсь применить указанные выше стили к одному и тому же элементу с помощью jQuery, но применяется только последний из них, а не оба …

116 css css-selectors pseudo-element css-content

10

Что противоположно: hover (при отпускании мыши)?

Есть ли способ сделать наоборот, :hover используя только CSS? Например: если :hoverесть on Mouse Enter, есть ли в CSS эквивалент on Mouse Leave? Пример: У меня есть HTML-меню с элементами списка. При наведении курсора на один из элементов появляется цветовая анимация CSS от #999до black. Как я могу создать противоположный …

116 css hover

7

Флажки на веб-страницах - как их увеличить?

Стандартные флажки, отображаемые в большинстве браузеров, довольно маленькие и не увеличиваются в размере даже при использовании более крупного шрифта. Каков наилучший, независимый от браузера способ отображения более крупных флажков?

116 html css checkbox

5

Как изменить цвет границы текстового поля на: focus

Простите меня, это глупый вопрос, но мне нужна помощь. Я хочу изменить цвет границы ТЕКСТАРА в фокусе. но мой код, похоже, не работает должным образом. Пожалуйста, просмотрите код на скрипке . <form name = "myform" method = "post" action="insert.php" onsubmit="return validateform()" style="width:40%"> <input type="text" placeholder="Enter Name." name="name" maxlength="300" class="input"> <input …

116 html css

13

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

Это кажется тривиальным, но после всех исследований и написания кода я не могу заставить его работать. Условия такие: Размер окна браузера неизвестен. Поэтому, пожалуйста, не предлагайте решения, связанные с абсолютными размерами пикселей. Исходные размеры изображения неизвестны, и может или не может уже соответствовать окну браузера. Изображение центрируется по вертикали и …

116 html css

9

Создание тени блока CSS3 со всех сторон, кроме одной

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

115 html css shadow

3

CSS: непрозрачность перехода при отключении мыши?

.item:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } Почему это анимирует непрозрачность только при наведении курсора, но не когда я оставляю объект с помощью мыши? Демо здесь: http://jsfiddle.net/7uR8z/

115 css css-transitions

3

Что означает двойное двоеточие (: :) в CSS?

Что означает двойное двоеточие ( ::) в CSS? Например: input[type=text]::-ms-clear { display: none; }

115 css

8

как удалить пунктирную линию вокруг нажатого элемента в html

Я обнаружил, что если aна странице есть ссылка, которая не ведет на новую страницу, то, когда пользователь щелкнет по ней, вокруг элемента будет пунктирная линия, она исчезнет только тогда, когда пользователь щелкнет что-либо еще на странице, как удалить это? Пример: Обратите внимание на пунктирную линию вокруг элемента Section 2.

115 html css

9

Можно ли указать начальный номер для упорядоченного списка?

У меня есть упорядоченный список, где я хотел бы, чтобы начальное число было 6. Я обнаружил, что это поддерживалось (теперь устарело) в HTML 4.01. В этой спецификации говорится, что вы можете указать начальное целое число с помощью CSS. (вместо startатрибута) Как бы вы указали начальный номер с помощью CSS?

115 html css html-lists

12

Диапазон типа ввода HTML5 показывает значение диапазона

Я создаю веб-сайт, на котором хочу использовать слайдер диапазона (я знаю, что он поддерживает только браузеры webkit). Я полностью интегрировал его и работает нормально. Но я хотел бы использовать textboxдля отображения текущего значения слайда. Я имею в виду, что если изначально ползунок установлен на значение 5, поэтому в текстовом поле …

115 html css range

11

Игнорировать <br> с помощью CSS?

Я работаю над сайтом, на котором вставлены разрывы строк, как <br>в некоторых заголовках. Предполагая, что я не могу редактировать исходный HTML, есть ли способ с помощью CSS игнорировать эти разрывы? Я оптимизирую сайт для мобильных устройств, поэтому на самом деле я не хочу использовать JavaScript.

115 css

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