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

CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.


9
Убрать границу с кнопок
Я пробовал создавать кнопки и вставлять собственные изображения вместо стандартных изображений кнопок. Тем не менее, серая рамка от стандартных кнопок все еще остается, видна снаружи моих изображений черных кнопок. Кто-нибудь знает, как убрать эту серую рамку с кнопки, чтобы это просто само изображение? Спасибо.
110 html  css  button 

1
Граница вокруг элемента tr не отображается?
Кажется, что Chrome / Firefox не отображает границы tr, но он отображает границу, если селектор есть table tr td. Как установить границу на тр? Моя попытка, которая не работает: table tr { border: 1px solid black; } <table> <tbody> <tr> <td> Text </td> </tr> </tbody> </table> Запустить фрагмент кодаСкрыть результатыРазвернуть …
110 html  css  html-table 


11
ScrollIntoView () заставляет всю страницу перемещаться
Я использую ScrollIntoView () для прокрутки выделенного элемента в списке в поле зрения. Когда я прокручиваю вниз, ScrollIntoView (false) работает отлично. Но когда я прокручиваю вверх, ScrollIntoView (true) заставляет всю страницу немного перемещаться, что, как я думаю, предназначено. Есть ли способ избежать перемещения всей страницы при использовании ScrollIntoView (true)? Вот …
110 javascript  css 

9
Как скрыть разборную панель навигации Bootstrap 4 при нажатии
Я создал эту складную панель навигации с помощью Bootstrap 4, которая прекрасно работает, но я бы хотел, чтобы она закрывалась, когда пользователь нажимает ссылку. Как это сделать? Спасибо html панель навигации: <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> …

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

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

8
Как получить только адаптивную сетку из Bootstrap 3?
Мне нужно добавить в свое веб-приложение функции адаптивного дизайна с помощью Twitter Bootstrap. Мне просто нужно отзывчивое поведение, меня не интересуют типографика, компоненты или любые другие вещи, включенные в Bootstrap. Я получил настроенную версию Bootstrap, просто выбрав сетку. Однако, когда я добавляю сгенерированный CSS в свое приложение, все мои стили …

1
SVG меняет цвет при повороте в Safari 10
Я только что столкнулся с очень странной проблемой, которая проявляется только в Safari 10. У меня есть игральные карты, изображения svg, которые иногда меняются с помощью transform:rotate(xdeg). На карте, которую я использую, есть красный блок. Когда он не повернут или повернут под прямым углом, то есть на 90, 180, 270, …
109 html  css  svg  safari 

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

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

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

4
Twitter Bootstrap: текст на панели навигации
Согласно документации по загрузке twitter , я должен иметь возможность «заключать строки текста в <p>тег для правильного интерлиньяжа и цвета». Когда я это делаю, на любом уровне ниже navbarон просто не наследует ни один из navbarклассов. Если заключить строку в <a>теги, она будет отображаться, но не должна быть привязкой. Строка, …


Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.