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

Я додав це, але все-таки синій контур з’являється при натисканні кнопки. .btn:focus { outline: none; } як видалити цю некрасиву штучку?

137 css  twitter-bootstrap 

Я намагаюсь перевірити властивості CSS із введення в комірку таблиці. Вхід з’являється при натисканні і зникає при втраченій фокусі, як коли я намагаюся його перевірити. Як я можу це зробити, щоб не втратити фокус під час переходу до іншого вікна (інспектор)?

137 html  css  dom 

Хтось знає, чому CSS надає colorтекст, але не має font-colorчи text-color? Здається, дуже контр-інтуїтивно зрозумілим, як на кшталт text-decoration: underline, font-styleабо щось, що стосується шрифтів. Хтось знає, чому / як W3C придумав такий широкий набір CSS-імен, як цей?

136 css 

Я використовую новий Twitter Bootstrap 3 і намагаюся розмістити вікно пошуку, подібне до цього (внизу) у верхній навігаційній панелі : У Bootstrap 2 це могло б зробити так: <form class="form-search" method="get" id="s" action="/"> <div class="input-append"> <input type="text" class="input-medium search-query" name="s" placeholder="Search" value=""> <button type="submit" class="add-on"><i class="icon-search"></i></button> </div> </form> Але я …

136 css  html  twitter-bootstrap  twitter-bootstrap-3 

Я намагаюся вставити значок користувача у поле введення імені користувача. Я спробував одне з варіантів подібного питання, знаючи, що background-imageвластивість не працюватиме, оскільки шрифт Fow Awesome є шрифтом. Далі йде мій підхід, і я не можу отримати дисплей піктограми. .wrapper input[type="text"] { position: relative; } .wrapper input[type="text"]:before { font-family: 'FontAwesome'; …

136 html  css  fonts  font-awesome 

Я хочу створити вбудований блок, який матиме невідому ширину та висоту. (У ній буде таблиця із динамічно генерованим вмістом). Далі вкладений блок слід розмістити всередині рядка тексту, наприклад "мій текст (БЛОК ТУТ)". Щоб це виглядало красиво, я намагаюся зробити блок вертикально по центру в лінії . Отже, якщо блок виглядає …

136 html  vertical-alignment  css 

Чи можна централізувати фонове зображення у діві? Я спробував майже все - але успіху не було: <div id="doit"> Lorem Ipsum ... </div> //CSS #doit { background-image: url(images/pic.png); background-repeat: none; text-align: center; } Чи можливо це?

136 html  css  image  background  center 

У мене є div 48x48, і всередині нього є елемент img, я хочу вписати його в div, не втрачаючи жодної частини, в середньому час зберігається співвідношення, це досяжно за допомогою html та css?

136 html  css 

Як виділити / вибрати вміст тегу DIV, коли користувач натискає на DIV ... ідея полягає в тому, що весь текст виділяється / вибирається, тому користувачеві не потрібно вручну виділяти текст мишею та потенційно пропустіть трохи тексту? Наприклад, скажімо, що у нас є DIV, як показано нижче: <div id="selectable">http://example.com/page.htm</div> ... і …

136 javascript  css 

Я хочу обернути текст, який додається до <td>елемента. Я спробував style="word-wrap: break-word;" width="15%". Але це не обгортання тексту. Чи обов’язково надати 100% ширини? У мене є інші елементи керування для відображення, тому доступна лише 15% ширина.

136 html  css  html-table  word-wrap 

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

136 css  html  overflow 

Чи є спосіб застосувати стиль класу лише до одного рівня тегів td? <style>.MyClass td {border: solid 1px red;}</style> <table class="MyClass"> <tr> <td> THIS SHOULD HAVE RED BORDERS </td> <td> THIS SHOULD HAVE RED BORDERS <table><tr><td>THIS SHOULD NOT HAVE ANY</td></tr></table> </td> </tr> </table>

136 css  css-selectors 

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

136 html  css  alignment 

Чи можу я використовувати JavaScript для перевірки (незалежно від смуг прокрутки), чи HTML елемент переповнював його вміст? Наприклад, довгий div з невеликим, фіксованим розміром, властивістю переповнення, встановленим на видиме, і відсутні панелі прокрутки на елементі.

136 javascript  html  css 

Я займаюся попередньою компіляцією активів та запускаю програму у виробничому режимі. Після компіляції, коли я завантажував свою індексну сторінку, я отримав наступні попередження на хромованій консолі: Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.ttf?v=2.0.0 prospects:1 OTS parsing error: invalid version tag Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.woff?v=2.0.0 prospects:1 OTS parsing error: invalid …

136 css  asset-pipeline  ruby-on-rails-4.1  custom-font