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

10

Есть ли в bootstrap 4 встроенный горизонтальный разделитель?

Есть ли в bootstrap 4 встроенный горизонтальный разделитель? Я могу это сделать, <style type="text/css"> .h-divider{ margin-top:5px; margin-bottom:5px; height:1px; width:100%; border-top:1px solid gray; } </style> Но я хочу использовать встроенный бутстрап css, я нигде не могу найти его в документации, возможно, мне его не хватает.

94 html css bootstrap-4 twitter-bootstrap-4

8

Почему нет поля: автоматически центрирует изображение?

<html> <head> <title>Test</title> </head> <body> <div> <img src="queuedError.jpg" style="margin:auto; width:200px;" /> </div> </body> </html> divРасширяется до 100% , как и должно быть , но изображение не центрировать себя. Зачем?

94 html css

7

Как удалить все встроенные стили с помощью javascript и оставить только стили, указанные в таблице стилей css?

Если в моем html есть следующее: <div style="height:300px; width:300px; background-color:#ffffff;"></div> И это в моей таблице стилей css: div { width:100px; height:100px; background-color:#000000; } Есть ли способ с помощью javascript / jquery удалить все встроенные стили и оставить только стили, указанные в таблице стилей css?

94 javascript jquery css inline

6

iOS заставляет закругленные углы и блики на входах

Устройства iOS добавляют множество раздражающих стилей при вводе формы, особенно при вводе [type = submit]. Ниже показана одна и та же простая форма поиска в браузере для настольных ПК и на iPad. Рабочий стол: iPad: В input [type = text] используется вставка тени блока CSS, и я даже указал -webkit-border-radius: …

94 css ios forms

10

Выбор только элементов первого уровня в jquery

Как мне выбрать элементы ссылки только для родителя <ul>из такого списка? <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> Так что в css ul li a, но неul li ul li a Благодарность

94 jquery html css css-selectors

2

Есть ли у LESS возможность «продления»?

В SASS есть функция, @extendкоторая позволяет селектору наследовать свойства другого селектора, но без копирования свойств (например, миксинов). Есть ли у LESS эта функция?

94 css sass less extend

4

Удаление новой строки после тегов <h1>?

У меня возникла проблема с удалением <h1>разрывов строк после тега, так как каждый раз при печати он добавляет разрыв строки сразу после него, поэтому что-то вроде <h1>Hello World!</h1> <h2>Hello Again World!</h2>распечатывается следующим образом: Hello World! Hello Again World! Я не уверен, какие теги мне нужно изменить в CSS, но я …

94 html css header styles stylesheet

4

Как сделать div «табулируемым»?

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

94 html css xhtml

3

Как изменить положение полосы прокрутки с помощью CSS?

Есть ли способ изменить положение полосы прокрутки слева направо или снизу вверх с помощью CSS?

94 html css scrollbar

10

Как предотвратить наследование CSS?

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

94 css

3

Могу ли я пометить поле как недействительное в javascript?

Прочитав этот пост, я обнаружил, что в HTML5 есть несколько псевдоклассов для «действительных» и «недействительных» входных значений. Есть ли способ пометить поле ввода как недопустимое / действительное из javascript? Или, в качестве альтернативы, могу ли я переопределить используемый метод проверки?

94 javascript html css validation

12

Как сделать так, чтобы <label> и <input> отображались в одной строке HTML-формы?

Я создаю регистрационную форму для сайта. Я хочу, чтобы каждая метка и соответствующий ей элемент ввода отображались в одной строке. Вот мой код: #form { background-color: #FFF; height: 600px; width: 600px; margin-right: auto; margin-left: auto; margin-top: 0px; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 0px; } label { font-family: Georgia, "Times New …

94 html css forms

6

Медиа-запросы эмуляции режима устройства Chrome не работают

По какой-то причине режим эмуляции устройства не читает мои медиа-запросы. Он работает на других сайтах, включая мои собственные, которые я создал с помощью начальной загрузки, но не работает с медиа-запросами, которые я использую с нуля (при нажатии на кнопку медиа-запросов кнопка становится синей, но медиа-запросы не отображаются). Тестовый файл ниже. …

94 css google-chrome media-queries developer-tools

9

Как я могу сделать содержимое фиксированного элемента прокручиваемым, только если оно превышает высоту области просмотра?

У меня есть divпозиция fixedв левой части веб-страницы, содержащая меню и ссылки для навигации. У него нет высоты, установленной из css, содержимое определяет высоту, ширина фиксирована. Проблема в том, что если содержимого слишком много, оно divбудет больше, чем высота окна, и часть содержимого не будет видна. (Прокрутка окна не помогает, …

94 html css css-position

1

Предотвращение растяжения гибких элементов

Образец: div { display: flex; height: 200px; background: tan; } span { background: red; } <div> <span>This is some text.</span> </div> Запустить фрагмент кодаСкрыть результатыРазвернуть фрагмент У меня два вопроса, пожалуйста: Почему это в основном происходит с span? Каков правильный подход, чтобы предотвратить его растяжение, не затрагивая другие гибкие элементы …

94 html css flexbox

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