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

507
Как удалить пунктирный контур Firefox на КНОПКАХ, а также на ссылках?

Я могу заставить Firefox не отображать уродливые пунктирные контуры фокуса на ссылках с этим: a:focus { outline: none; } Но как я могу сделать это и для <button>тегов? Когда я делаю это: button:focus { outline: none; } кнопки все еще имеют пунктирный контур фокуса, когда я нажимаю на них. (и...

506
Размещение границы внутри div, а не на его краю

У меня есть <div>элемент, и я хочу поставить на него границу. Я знаю, что могу писать style="border: 1px solid black", но это добавляет 2px по обе стороны от div, что не то, что я хочу. Я бы предпочел, чтобы эта граница была -1px от края div. Сам div имеет размер 100px x 100px, и, если я...

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

Есть ли в jQuery какой-либо синтаксический способ определить несколько атрибутов CSS, не вычеркивая все вправо следующим образом: $("#message").css("width", "550px").css("height", "300px").css("font-size", "8pt"); Если у вас есть, скажем, 20 из них, ваш код станет трудным для чтения, какие-нибудь...

503
Изображение внутри div имеет дополнительное пространство под изображением

Почему в следующем коде высота divбольше, чем высота img? Под изображением есть пробел, но он не является отступом / полем. Что такое зазор или дополнительное пространство под изображением? #wrapper { border: 1px solid red; width:200px; } img { width:200px; } <div id="wrapper"> <img...

501
Переполнение текста CSS в ячейке таблицы?

Я хочу использовать CSS text-overflowв ячейке таблицы, так что если текст слишком длинный, чтобы поместиться в одну строку, он будет обрезаться многоточием вместо переноса на несколько строк. Это возможно? Я попробовал это: td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } Но...

500
Что такое таблица стилей агента пользователя?

Я работаю над веб-страницей в Google Chrome. Он отображается правильно со следующими стилями. table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; } Важно отметить, что я не определял эти стили. В инструментах разработчика Chrome вместо имени файла CSS...

499
AngularJS ngClass условный

Есть ли способ сделать выражение для чего-то вроде ng-classбыть условным? Например, я попробовал следующее: <span ng-class="{test: 'obj.value1 == \'someothervalue\''}">test</span> Проблема с этим кодом заключается в том, что независимо от того obj.value1, что есть, проверка класса...

491
Граница шрифта CSS?

Теперь, когда все новые CSS3-рамки работают ( -webkit, ...), можно ли добавить рамку к вашему шрифту? (Как сплошная белая рамка вокруг синего логотипа Twitter). Если нет, то есть ли какие-нибудь не слишком уродливые хаки, которые позволят это сделать в CSS / XHTML, или мне все еще нужно запустить...

484
Используя относительный URL в файле CSS, к какому расположению он относится?

Когда вы определяете что-то вроде URL-адреса фонового изображения в файле CSS, когда используете относительный URL-адрес, где он находится относительно? Например: Предположим, что файл /stylesheets/base-styles.cssсодержит: div#header { background-image: url('images/header-background.jpg'); } Если я...

481
Сбросить / удалить стили CSS только для элемента

Я уверен, что об этом уже говорилось / спрашивалось, но я искал возраст без удачи, моя терминология, должно быть, неверна! Я смутно помню твит, который я видел некоторое время назад, в котором говорилось о наличии правила css, которое удаляло бы любые стили, ранее установленные в таблице стилей для...

479
CSS: установка ширины / высоты в процентах минус пиксели

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

472
Медиа-запросы: как настроить таргетинг на настольные ПК, планшеты и мобильные устройства?

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

472
CSS Selector, который применяется к элементам с двумя классами

Есть ли способ выбрать элемент с CSS на основе значения атрибута класса, заданного для двух конкретных классов. Например, допустим, у меня есть 3 деления: <div class="foo">Hello Foo</div> <div class="foo bar">Hello World</div> <div class="bar">Hello Bar</div>...