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

Я намагаюся створити текстове поле, яке відповідає всій ширині моєї контейнерної області. <div class="row"> <div class="col-md-12"> <form class="form-inline" role="form"> <input type="text" class="form-control input-lg" id="search-church" placeholder="Your location (City, State, ZIP)"> <button type="submit" class="btn btn-lg">Search</button> </form> </div> </div> Коли я роблю вищезазначене, два форми форми є строковими, як я очікую, але не …

138 html  css  twitter-bootstrap-3 

Припустимо, на моїй сторінці є таке правило CSS: body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } Як я можу виявити, який із визначених шрифтів використовувався у веб-переглядачі користувача? Редагуйте для людей, які цікавляться, чому я хочу це зробити: Шрифт, який я виявляю, містить гліфи, які не доступні в інших …

138 javascript  html  css  fonts 

Я переглядав шаблон шаблону HTML 5 (від http://html5boilerplate.com/ ) і помітив використання "?v=1"в URL-адресах при посиланні на файли CSS та Javascript. Що робить додавання "?v=1"до URL-адрес CSS та Javascript у тегах посилань та скриптів? Не всі URL-адреси Javascript мають "?v=1"(наприклад, зразок нижче js/modernizr-1.5.min.js). Чи є причина, чому це так? Зразок …

138 html  css  browser-cache 

У мене є шаблон, і він має посилання на шрифт Google на зразок цього: <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,300' rel='stylesheet' type='text/css'> Як я можу завантажити його і налаштувати його на використання на своїх сторінках, які постійно працюють в режимі офлайн?

138 css  fonts  offline  google-fonts 

Я щойно дізнався про новий і незвичайний блок CSS. vhі відповідно vwвиміряти відсоток висоти та ширини вікна перегляду. Я розглянув це питання із Stack Overflow, але це зробило блоки ще більш схожими. Як працює VW і VH блок Відповідь конкретно говорить vw і vh - відсоток від ширини та висоти …

138 css  viewport-units 

Ось що я намагаюся досягти в HTML / CSS: У мене є зображення різної висоти та ширини, але всі вони знаходяться під 180x235. Тож, що я хочу зробити, це створити divс borderі vertical-align: middleвсі їх. Я успішно це зробив, але тепер я затримався, як правильно href зв’язати весь div. Ось …

138 html  css 

Я хочу застосувати деякий css для елементів вводу, і я хочу це зробити лише для входів, які не вимкнені і не надсилають тип, нижче css не працює, можливо, якщо хтось може мені пояснити, як це потрібно додати. input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0 2px 0 #0066FF; -webkit-box-shadow:0 0 4px 0 #66A3FF; }

138 css  css-selectors  pseudo-class 

Остання довідка про має: <p class="mb-0">Lorem ipsum</p> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент З: Що таке mb-0?

138 css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

Подібно до " Як визначити, чи ОС X перебуває в темному режимі? " Лише для браузерів. Хтось знайшов, чи є спосіб виявити, чи система користувача перебуває в новому темному режимі OS X в Safari / Chrome / Firefox? Ми хотіли б змінити дизайн нашого веб-сайту на придатний для темних режимів …

138 css  macos  safari 

коли клацніть десь ще, кордон зникає, спробував фокусувати жодну, але не допомогло, як змусити некрасиві межі кнопки зникнути при натисканні на? input[type="button"] { width: 120px; height: 60px; margin-left: 35px; display: block; background-color: gray; color: white; border: none; } <input type="button" value="Example Button"> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент

138 css  button 

Я отримую цю помилку в Chrome під час завантаження цієї програми, над якою працюю: Не вдалося отримати текст для таблиці стилів 50: аркуш стилів із заданим ідентифікатором не знайдено Подальші завантаження сторінки повторюють помилку, але з іншим номером: Не вдалося отримати текст для таблиці стилів 152: Не знайдено аркуша стилів …

137 css  google-chrome 

Я змінюю CSS сайту на RTL-версію, коли вибирається конкретна мова. У мене є елемент, який повинен мати абсолютне позиціонування. У версії LTR я так left: 0px;і вирівнюється зліва; у RTL-версії я хочу зробити протилежне right, але leftвластивість не перекривається, тому вона залишається зліва. Я намагався зламати !important, але це не …

137 css  css-position 

Я намагаюся застосувати фоновий колір, коли миша користувача наводить елемент, ім'я якого класу "reMode_hover". Але я не хочу змінювати колір, якщо елемент також є"reMode_selected" Примітка. Я можу використовувати лише CSS не javascript, оскільки я працюю в якомусь обмеженому середовищі. Для уточнення, моя мета - забарвити перший елемент на наведення курсору, …

137 html  css  css-selectors 

Я намагаюся надати div (позиція: фіксований) шириною 100% (стосується його батьківського діва). Але у мене є деякі проблеми ... EDIT: Перша проблема вирішується за допомогою спадкування, але вона все ще не працює. Я думаю, що проблема полягає в тому, що я використовую кілька дівок, які приймають ширину 100% / успадковується. …

137 jquery  css  jquery-plugins 

Я б хотів повністю відключити прокрутку по HTML body. Я спробував такі варіанти: overflow: hidden; (не працює, не відключила прокрутку, вона просто приховала смугу прокрутки) position: fixed; (це спрацювало, але воно прокрутилося повністю до верху, що неприпустимо для цієї конкретної програми) Мені не вдалося знайти альтернативи цим двом варіантам, чи …

137 html  css  scroll