Запитання з тегом «css»

Я використовую кілька кольорів у своїй таблиці стилів CSS. Наприклад, #testdiv{ background: #123456; } Чи можна визначити цей колір за іменем, щоб я міг посилатися на нього в аркуші CSS, як показано нижче? #testdiv{ background: COLORNAME; }

81 css 

Як можна збільшити розмір шрифту при наведенні курсора? З часом кольорові переходи працюють нормально, але розмір шрифту чомусь змінюється негайно. Зразок коду: body p { font-size: 12px; color: #0F9; transition:font-size 12s; -moz-transition:font-size 12s; /* Firefox 4 */ -webkit-transition:font-size 12s; /* Safari and Chrome */ -o-transition:font-size 12s; transition:color 12s; -moz-transition:color 12s; …

81 html  css  css-transitions 

Я намагаюся створити колір, протилежний поточному. Я маю на увазі, якщо поточний колір чорний , то мені потрібно генерувати білий . Насправді у мене є текст (колір цього тексту динамічний, його можна зробити навмання) . Цей текст в divі мені потрібно встановити протилежний колір цього тексту для background-colorз div. Я …

81 javascript  jquery  html  css  colors 

Я борюся з браузером файлів bootstrap 4. Якщо я використовую custom-file-control, я постійно бачитиму Вибрати значення файлу. https://v4-alpha.getbootstrap.com/components/forms/#file-browser Я хотів би змінити значення файла вибору після того, як файл вибрано. Це значення насправді приховане в css, .custom-file-control:lang(en)::afterі я не знаю, як отримати до нього доступ і змінити його в javascript. …

81 javascript  jquery  css  twitter-bootstrap  bootstrap-4 

<button id="tagBtnId" name="TagsFilter" ng-show="disableTagButton">Tags</button> ng-show застосовується display: noneабо display: blockвластивість Але я хочу подати заявку visibility: hiddenі visibility: visibleвластивість.

80 html  css  angularjs 

Як працює контекст форматування блоків CSS ? Специфікація CSS2.1 говорить, що в контексті форматування блоків поля розміщуються вертикально, починаючи зверху. Це трапляється, навіть якщо на шляху є плаваючі елементи, крім випадків, коли блок-блок встановив новий контекст форматування блоку. Як ми знаємо, коли браузери відображають блокові блоки у контексті форматування блоків, …

80 css 

Я використовую Font-Awesome, але поки шрифтові файли не завантажуються, піктограми відображаються з . Отже, я хочу, щоб ці значки були, display:noneпоки файли не завантажуються. @font-face { font-family: "FontAwesome"; src: url('../font/fontawesome-webfont.eot'); src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } Як мені дізнатися, що ці файли …

80 javascript  jquery  css  font-face  font-awesome 

Мені цікаво про підтримку сторонніх специфічних внутрішніх тіней у css3. Я знаю, що це чудово працює в підтримуваних браузерах. div { box-shadow:inset 0px 1px 5px black; } Мені просто цікаво, чи є спосіб досягти чогось типу: div { box-shadow-top:inset 0px 1px 5px black; }

80 css 

Отже, у мене зараз є діалогове вікно jQuery з двома кнопками: Зберегти та Закрити. Я створюю діалогове вікно, використовуючи код нижче: $dialogDiv.dialog({ autoOpen: false, modal: true, width: 600, resizable: false, buttons: { Cancel: function() { // Cancel code here }, 'Save': function() { // Save code here } }, close: …

80 jquery  css  jquery-ui  button  dialog 

Здається, набір полів за замовчуванням становить 100% ширини свого контейнера. Чи є спосіб, за допомогою якого набір полів може бути таким великим, як найширший елемент управління всередині набору полів?

80 html  css  fieldset 

У мене є заголовок, який може мати один або кілька рядків. Як я можу вирівняти текст по вертикалі? Якщо це завжди був один рядок, я міг би просто встановити висоту рядка на висоту контейнера. Я можу це робити за допомогою JavaScript, але мені це не дуже подобається, я шукаю чистий …

80 html  css 

демонстрація jsFiddle Я хочу, щоб divs: Оберніть їх вміст. Залишайтеся в їх спочатку асоційованому рядку, по суті, без загортання. В основному, таблиці складаються один під одним, коли вони не можуть залишатися на екрані. Я волів би, щоб вони стали прихованими поза екраном. Я спробував додати overflow: hidden;до основного стилю макета. …

80 html  css  layout 

Це питання стосується організації власне самих директив CSS у файлі .css. При розробці нової сторінки або набору сторінок я зазвичай просто додаю директиви до файлу .css, намагаючись здійснити рефакторинг, коли можу. Через деякий час у мене з’являються сотні (або тисячі) рядків, і мені може бути важко знайти те, що мені …

80 css 

Останнім часом я розробляв сайти, які є більш чуйними, і я часто використовував медіа-запити CSS. Я помітив одну закономірність: порядок визначення медіа-запитів насправді має значення. Я тестував його не в кожному окремому браузері, а лише в Chrome. Чи є пояснення цій поведінці? Іноді це засмучує, коли ваш сайт працює не …

80 css  media-queries  responsive-design 

У мене є 3 колонки, які я хочу по-різному замовити на настільному та мобільному пристроях. На даний момент мій пояс виглядає так: <div class="row"> <div class="col-xs-3 col-md-6"> 1 </div> <div class="col-xs-3 col-md-6"> 2 </div> <div class="col-xs-6 col-md-12"> 3 </div> </div> Запустіть фрагмент кодуСховати результатиРозгорніть фрагмент У мобільному поданні я хочу …

80 css  bootstrap-4  grid