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

110
Как создать вставку-тень только с одной стороны?

Возможно ли каким-то образом иметь вставку box-shadow только с одной стороны div? Обратите внимание, что здесь я говорю о вставке box-shadow, а не о нормальной внешней box-shadow. Например, в следующем JSFiddle вы увидите, что внутренняя тень появляется со всех 4 сторон в разной степени. Как...

110
Граница вокруг элемента tr не отображается?

Кажется, что Chrome / Firefox не отображает границы tr, но он отображает границу, если селектор есть table tr td. Как установить границу на тр? Моя попытка, которая не работает: table tr { border: 1px solid black; } <table> <tbody> <tr> <td> Text </td> </tr>...

110
Как сделать так, чтобы <button> в Bootstrap выглядела как обычная ссылка на вкладках навигации?

Я работаю в (ранее Twitter) Bootstrap 2, и я хотел стилизовать кнопки, как если бы они были обычными ссылками. Но не просто обычные ссылки; они собираются в <ul class="nav nav-tabs nav-stacked">контейнере. Разметка будет такой: <form action="..." method="post"> <div...

110
Рекомендации по организации библиотеки Javascript и структуры папок CSS [закрыто]

Закрыто . Этот вопрос основан на мнении . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы на него можно было ответить с помощью фактов и цитат, отредактировав этот пост . Закрыт 6 лет назад . Уточните этот вопрос Как вы организуете папку js и css в...

110
Стиль ReCaptcha API v2

У меня не было особого успеха в поиске стиля новой рекапчи Google (v2). Конечная цель - сделать его адаптивным, но мне трудно применить стиль даже для простых вещей, таких как ширина. Их документация по API , похоже, не дает никаких подробностей о том, как управлять стилем вообще, кроме параметра...

110
Как скрыть разборную панель навигации Bootstrap 4 при нажатии

Я создал эту складную панель навигации с помощью Bootstrap 4, которая прекрасно работает, но я бы хотел, чтобы она закрывалась, когда пользователь нажимает ссылку. Как это сделать? Спасибо html панель навигации: <nav class="navbar navbar-toggleable-md fixed-top"> <button...

110
Строки одинаковой высоты в CSS Grid Layout

Я так понимаю, что этого невозможно достичь с помощью Flexbox, поскольку каждая строка может иметь только минимальную высоту, необходимую для размещения ее элементов, но можно ли этого достичь с помощью новой CSS Grid? Для ясности, я хочу, чтобы все элементы сетки были одинаковой высоты во всех...

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

Как выровнять числа в упорядоченном списке по левому краю? 1. an item // skip some items for brevity 9. another item 10. notice the 1 is under the 9, and the item contents also line up Изменить символ после числа в упорядоченном списке? 1) an item Также существует решение CSS для перехода от чисел...

109
Отключить перетаскивание элементов HTML?

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

109
Как получить координаты щелчка на целевом элементе с помощью jQuery

У меня есть следующий обработчик событий для моего элемента html jQuery("#seek-bar").click(function(e){ var x = e.pageX - e.target.offsetLeft; alert(x); }); Мне нужно найти положение курсора мыши на # панели поиска во время щелчка. Я бы подумал, что приведенный выше код должен работать, но он дает...

109
: активный псевдокласс не работает в мобильном сафари

В Webkit на iPhone / iPad / iPod указание стиля для псевдокласса: active для <a>тега не срабатывает при нажатии на элемент. Как я могу заставить это сработать? Пример кода: <style> a:active { background-color: red; } </style> <!-- snip --> <a href="#">Click...

109
Как получить одинаковую ширину полей ввода и выбора

В форме у меня есть одно поле выбора и два поля ввода. Эти элементы выровнены по вертикали. К сожалению, у меня не получается добиться одинаковой ширины этих элементов. Вот мой код: <select name="name1" style="width:198px"> <option>value1</option>...

109
Как добавить радиус границы в строку таблицы

Кто-нибудь знает, как стилизовать tr как нам нравится? Я использовал border-collapse для таблицы, после этого tr может отображать сплошную границу 1px, которую я им даю. Однако, когда я попробовал -moz-border-radius, это не сработало. Даже простая маржа не работает....

109
Как я могу обнулить свойство css?

В основном у меня на странице два внешних CSS. Первый Main.cssсодержит все правила стиля, но у меня нет к нему доступа, и поэтому я не могу его изменить. У меня есть доступ ко второму файлу Template.css, поэтому мне нужно переопределить Main.cssзначения в template.css. Это просто, для чего мне...

109
html (+ css): обозначает предпочтительное место для переноса строки

Допустим, у меня есть этот текст, который я хочу отобразить в ячейке таблицы HTML: Honey Nut Cheerios, Wheat Chex, Grape-Nuts, Rice Krispies, Some random cereal with a very long name, Honey Bunches of Oats, Wheaties, Special K, Froot Loops, Apple Jacks и я хочу, чтобы строка прерывалась...

109
Добавляйте пробелы между HTML-элементами только с помощью CSS

У меня есть несколько одинаковых элементов HTML, идущих один за другим: <span>1</span> <span>2</span> <span>3</span> Я ищу лучший способ добавить пространство МЕЖДУ элементами, используя только CSS [no space] [1] [space 10px] [2] [space 10px] [3] [no space]...

109
Укажите ширину в * символах *

При использовании шрифта фиксированной ширины я хотел бы указать ширину элемента HTML в символах . Единица "em" должна быть шириной символа M, поэтому я смогу использовать ее, чтобы указать ширину. Это пример: <html> <head> <style> div { font-family: Courier; width: 10em; }...