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

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

15
Как убрать выделение границы на элементе ввода текста
Когда HTML-элемент «сфокусирован» (в настоящее время выбран / вставлен на вкладку), многие браузеры (по крайней мере, Safari и Chrome) поместят синюю рамку вокруг него. Для макета, над которым я работаю, это отвлекает и выглядит неправильно. <input type="text" name="user" class="middle" id="user" tabindex="1" /> Firefox, похоже, не делает этого или, по крайней …
611 css  input  safari  webkit  border 
25
Проверить, содержит ли элемент класс в JavaScript?
Используя простой JavaScript (не jQuery), есть ли способ проверить, содержит ли элемент класс? В настоящее время я делаю это: var test = document.getElementById("test"); var testClass = test.className; switch (testClass) { case "class1": test.innerHTML = "I have class1"; break; case "class2": test.innerHTML = "I have class2"; break; case "class3": test.innerHTML = …
588 javascript  html  css  dom 
21
CSS принудительно изменяет размер изображения и сохраняет соотношение сторон
Я работаю с изображениями, и я столкнулся с проблемой с соотношением сторон. <img src="big_image.jpg" width="900" height="600" alt="" /> Как видите, heightи widthуже указаны. Я добавил правило CSS для изображений: img { max-width:500px; } Но за big_image.jpg, я получаю width=500и height=600. Как я могу настроить изображения для изменения размера, сохраняя при …
577 css  image  aspect-ratio 
30
Бутстрап модальный появляется под фоном
Я использовал код для моего модального кода прямо из примера Bootstrap и включил только bootstrap.js (а не bootstrap-modal.js). Тем не менее, мой модал появляется под серым цветом (фон) и не редактируется. Вот как это выглядит: Посмотрите эту скрипку для одного способа воспроизвести эту проблему. Основная структура этого кода выглядит следующим …
26
Кнопка загрузки элемента формы файла Twitter Bootstrap
Почему для загрузки Twitter'а нет красивой кнопки загрузки элемента? Было бы хорошо, если бы для кнопки загрузки была реализована синяя основная кнопка. Можно ли даже отточить кнопку загрузки с помощью CSS? (похоже на нативный элемент браузера, которым нельзя манипулировать)
23
Как вы получаете центрированный контент с помощью Twitter Bootstrap?
Я пытаюсь следовать очень простому примеру. Используя стартовую страницу и систему сетки , я надеялся на следующее: <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент ... будет производить центрированный текст. Тем не менее, он все еще появляется в крайнем левом углу. Что …
27
Добавить всплывающую подсказку в div
У меня есть тег div, как это: <div> <label>Name</label> <input type="text"/> </div> Как я могу отобразить всплывающую подсказку о :hoverdiv, желательно с эффектом постепенного появления / исчезновения.
569 javascript  html  css  tooltip 
21
Перенос слов в таблицу HTML
Я использовал, word-wrap: break-wordчтобы обернуть текст в divс и spanс. Тем не менее, он не работает в ячейках таблицы. У меня есть таблица width:100%с одной строкой и двумя столбцами. Текст в столбцах, хотя и оформлен в соответствии с вышеприведенным word-wrap, не переносится. Это заставляет текст проходить границы ячейки. Это происходит …
566 html  css  html-table 
8
В чем разница между Normalize.css и Reset CSS?
Я знаю, что такое CSS Reset, но недавно я услышал об этой новой вещи под названием Normalize.css В чем разница между Normalize.css и Reset CSS ? В чем разница между нормализацией CSS и сбросом CSS? Это просто новое модное слово для CSS Reset?
565 css  normalize-css 
18
Angular: условный класс с * ngClass
Что не так с моим угловым кодом? Я осознаю: Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass ... HTML <ol class="breadcrumb"> <li *ngClass="{active: step==='step1'}" (click)="step='step1; '">Step1</li> <li *ngClass="{active: step==='step2'}" (click)="step='step2'">Step2</li> <li *ngClass="{active: step==='step3'}" (click)="step='step3'">Step3</li> </ol>
3
Почему браузеры соответствуют CSS-селекторам справа налево?
Селекторы CSS сопоставляются движками браузера справа налево. Поэтому они сначала находят детей, а затем проверяют своих родителей, чтобы убедиться, что они соответствуют остальным частям правила. Почему это? Это только потому, что в спецификации сказано? Влияет ли это на возможный макет, если он был оценен слева направо? Для меня самый простой …
7
Создание div с вертикальной прокруткой с использованием CSS
Эта <div id="" style="overflow:scroll; height:400px;"> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент дает divпользователю возможность прокручивать как по горизонтали, так и по вертикали. Как я могу изменить его, чтобы div можно было прокручивать только по вертикали?
560 html  css 
21
Разверните div, чтобы заполнить оставшуюся ширину
Я хочу макет div с двумя столбцами, где каждый может иметь переменную ширину, например div { float: left; } .second { background: #ccc; } <div>Tree</div> <div class="second">View</div> Run code snippetHide resultsExpand snippet I want the 'view' div to expand to the whole width available after 'tree' div has filled needed …
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.