css- все статьи тега ➜ страница 31
CSS3 100vh не константа в мобильном браузере
у меня очень странный вопрос... в каждом браузере и мобильной версии я столкнулся с этим поведением: у всех браузеров есть верхнее меню при загрузке страницы (например, показ адресной строки), которое скользит вверх при запуске прокрутки страницы. 100vh рассчитываются только на видимой части видового экрана, поэтому, когда панель браузера скользит вверх 100vh увеличивается (в пересчете на пиксели) все макет перекрасить и заново настроить, так как размеры имеют изменилось плохой нервный эффект ...
Как поместить кнопку "Очистить" в поле ввода текста HTML, как это делает iPhone?
Я хочу иметь хороший маленький значок, который при нажатии очистит текст в поле . Это для экономии места, а не имеющие четкой связи за пределами поля ввода. мои навыки CSS слабы... Вот это скриншоты фото того, как выглядит iPhone. ...
Можно ли сделать тег привязки HTML не кликабельным / связываемым с помощью CSS?
например, если у меня есть это: <a style="" href="page.html">page link</a> есть ли что-нибудь, что я могу использовать для атрибута стиля, который сделает его так, что ссылка не будет доступна и не приведет меня на страницу.формат html. или мой единственный вариант просто не обернуть "ссылку на страницу" в тег привязки? Edit: я хочу сказать, почему я хочу сделать это, чтобы люди могли дать лучший совет. Я пытаюсь настроить свое приложение так, чтобы разработчик мог выберите, како ...
Заполнитель Mixin SCSS / CSS
Я пытаюсь создать микширование для заполнителей в sass. Это миксин, который я создал. @mixin placeholder ($css) { ::-webkit-input-placeholder {$css} :-moz-placeholder {$css} ::-moz-placeholder {$css} :-ms-input-placeholder {$css} } вот как я хотел бы включить mixin: @include placeholder(font-style:italic; color: white; font-weight:100;); это возможно? ...
Переключение порядка блочных элементов с помощью CSS [дубликат]
этот вопрос уже есть ответ здесь: Как я могу изменить порядок своих divs с помощью CSS? 23 ответов Рассказ допустим, мой HTML уже установлен в камне: <div id="blockA">Block A</div> <div id="blockB">Block B</div> <div id="blockC">Block C</div> это будет выглядеть так: ------------ | Block A | ------------ | Block B | ------------ | Block C | ------------ тепер ...
Вход CSS с шириной: 100% выходит за пределы родительской границы
Я пытаюсь сделать форму входа, состоящую из двух полей ввода с вставкой заполнения, но эти два поля всегда в конечном итоге превышают границы своего родителя; проблема связана с добавленным вставка обивка. Что можно сделать чтобы исправить эту проблему? фрагмент JSFiddle:http://jsfiddle.net/4x2KP/ N. B.: код может быть не самым чистым. Например, элемент span, который содержит текстовые материалы могут не быть нужна вообще. #mainContainer { line-height: 20px; font-family: ...
Использование значка Font Awesome для маркированных точек с одним элементом элемента списка
мы хотели бы иметь возможность использовать шрифт Awesome ( http://fortawesome.github.com/Font-Awesome/ ) значок как маркер для неупорядоченных списков в CMS. текстовый редактор на CMS выводит только необработанный HTML, поэтому дополнительные элементы / классы не могут быть добавлены. это означает отображение значков, когда метка выглядит следующим образом: <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> первая проблема, которую я ...
Запрос мультимедиа для определения, является ли устройство сенсорным экраном
каков самый безопасный способ, используя медиа-запросы, чтобы что-то произошло, когда не на сенсорном устройстве? Если нет никакого способа, вы предлагаете использовать решение JavaScript, такое как !window.Touch или Modernizr? ...
Абсолютное положение и скрытое переполнение
У нас есть два дива, один встроенный в другой. Если внешний DIV не является абсолютным, то внутренний DIV, который является абсолютным, не подчиняется переполнению, скрытому внешним DIV (пример). есть ли шанс заставить внутренний DIV подчиняться переполнению, скрытому от внешнего DIV, не устанавливая внешний DIV в положение absolute (причина, которая испортит наш полный макет)? Также позиция относительно нашего внутреннего DIV не является вариантом, поскольку нам нужно "вырасти" из таблицы TD ( ...
Удалить радиус границы из тега Select в bootstrap 3
Это кажется тривиальной проблемой, но я не могу понять это. на собственном сайте Bootstraps у них есть пример выбора. Глядя на код, похоже, что на этом элементе select есть радиус границы 4. Я надеюсь, что изменение этого радиуса границы на 0 приведет к удалению радиуса границы из элемента select, однако это не так - как показано в рисунок ниже. Я исследовал все CSS, который изменяет этот элемент select, но ни один из них, похоже, не удаляет радиус границы. ...
Изменить цвет всплывающей подсказки bootstrap
то, что я пытаюсь сделать, это изменить цвет подсказки на красный. Однако я также хочу иметь несколько других цветов, поэтому я не просто хочу заменить цвет исходной подсказки. Как бы я это сделал? ...
Форматирование чисел (десятичные знаки, разделители тысяч и т. д.) С помощью CSS
можно ли форматировать числа с помощью CSS? То есть: десятичные знаки, десятичный разделитель, разделитель тысяч и т. д. ...
Изменение значений CSS с помощью Javascript
легко установить встроенные значения CSS с помощью javascript. Если я хочу изменить ширину и у меня есть html, как это: <div style="width: 10px"></div> все, что мне нужно сделать, это: document.getElementById('id').style.width = value; это изменит встроенные значения таблицы стилей. Обычно это не проблема, потому что встроенный стиль переопределения стилей. Пример: <style> #tId { width: 50%; } </style> <div id="tId"></div> используя этот ...
Должен ли размер изображения быть определен в атрибутах высоты/ширины тега img или в CSS? [дубликат]
этот вопрос уже есть ответ здесь: должен ли я указать атрибуты высоты и ширины для моих IMGs в HTML? 5 ответов это лучшая практика кодирования, чтобы определить размер изображения в img тега width и height атрибуты? <img src="images/academia_vs_business.png" width="740" height="382" alt="" /> или в стиле CSS с ширина/высота? <img src="images/academia_vs_business.png" style="width:740px; heig ...
Шрифт удивительный значок внутри элемента ввода текста
Я пытаюсь вставить значок пользователя в поле ввода имени пользователя. Я пробовал одно из решений из аналогичного вопроса зная это background-image свойство не будет работать с Шрифт Удивительным шрифт. следующий мой подход, и я не могу получить значок дисплея. .wrapper input[type="text"] { position: relative; } .wrapper input[type="text"]:before { font-family: 'FontAwesome'; position: absolute; top: 0px; left: -5px; content: "f007"; } у меня есть шрифт, объявле ...
Почему CSS td width не работает?
смотрите JSFIDDLE td.rhead { width: 300px; } почему не работает ширина CSS? <table> <thead> <tr> <td class="rhead">need 300px</td> <td colspan="7">Week #0</td> <td colspan="7">Week #1</td> <!-- etc..--> </tr> <tr> <td class="rhead"></td> <td>S</td><td>M</td><td>T</td><td>W</td><td>T</td><td>F</td><td>S</td> <td>S</td& ...
Как я могу использовать шрифт Roboto Google на веб-сайте?
Я хочу использовать шрифт Roboto Google на своем веб-сайте, и я следую этому руководству: http://www.maketecheasier.com/use-google-roboto-font-everywhere/2012/03/15 Я скачал файл, который имеет структуру папок, как это: теперь у меня есть три вопроса: у меня есть css в моем media/css/main.css url. Так куда мне нужно положить эту папку? мне нужно, чтобы извлечь все eot, svg и т. д. Из всех вложенных папок и положить в ? нужно ли мне создавать шрифты css-файлов.css и включить в мой базовый ...
Предотвращение перетаскивания или выбора изображения без использования JS
кто-нибудь знает способ сделать изображение не перетаскиваемым и не выбираемым-в то же время-в Firefox, не прибегая к Javascript? Кажется тривиальным, но вот вопрос: 1) можно перетащить и выделить в Firefox: <img src="..."> 2) поэтому мы добавляем это, но изображение все еще может быть выделено при перетаскивании: <img src="..." draggable="false"> 3) поэтому мы добавляем это, чтобы исправить проблему выделения, но затем контринтуитивно, изображение становится перетаскиваемым с ...
Как стиль только с CSS?
Примечание: этот вопрос не о создании пользовательского выпадающего списка. Речь идет только о возможностях укладки <option> элементы в элементе select в CSS как я могу стиль <option>С <select> элемент с кроссбраузерной совместимостью? Я знаю много способов JavaScript, которые настраивают выпадающий список для преобразования в <li>, о котором я не спрашиваю. <select class="select"> <option selected>Select</option> <option>Blue</option& ...
Удалить': hover ' CSS поведение из элемента
У меня есть CSS, который изменяет форматирование при наведении указателя мыши на элемент. HTML: <div class="test"> blah </div> CSS: .test:hover { border: 1px solid red; } в некоторых случаях я не хочу применять CSS при наведении. Один из способов - просто удалить класс CSS из div с помощью jQuery, но это нарушит другие вещи, так как я также использую этот класс для форматирования его дочерних элементов. Итак, это привело меня к вопросу: есть ли способ удалить стиль c ...