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

CSS (Каскадні таблиці стилів) - мова аркуша стилю представлення, яка використовується для опису вигляду та форматування HTML (мови розмітки HyperText), XML (розширюваної мови розмітки) та SVG-елементів, включаючи (але не обмежуючись ними) кольори, макет, шрифти, та анімації. Він також описує, як елементи повинні бути відображені на екрані, на папері, у мовленні або на інших носіях інформації.

15
Як видалити межу підкреслення на вхідному текстовому елементі
Коли HTML-елемент "зосереджений" (на даний момент вибраний / вкладений в), багато браузерів (принаймні Safari та Chrome) накладають навколо нього синю межу. Для макета, над яким я працюю, це відволікає увагу і не виглядає правильно. <input type="text" name="user" class="middle" id="user" tabindex="1" /> Firefox, здається, не робить цього, або, принаймні, дозволить мені …
610 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 = …
585 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
Чому не існує кнопки завантаження елегантних файлових файлів для завантажувального твітера? Було б солодко, якби для кнопки завантаження була реалізована синя основна кнопка. Чи можливо навіть відточити кнопку завантаження за допомогою CSS? (здається, як власний елемент браузера, яким не можна маніпулювати)
23
Як отримати концентрований вміст за допомогою Twitter Bootstrap?
Я намагаюся наслідувати дуже основний приклад. Користуючись початковою сторінкою та сітковою системою , я сподівався на таке: <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент ... створював би текст, що зосереджений. Однак він все ще з’являється в крайній лівій частині. Що я …
27
Додайте підказку до діва
У мене є такий тег div: <div> <label>Name</label> <input type="text"/> </div> Як я можу відображати підказку на :hoverдіві, бажано з ефектом зникнення / вимкнення.
567 javascript  html  css  tooltip 
21
Обгортання слів у таблиці HTML
Я використовую word-wrap: break-wordдля загортання тексту в divі spanз. Однак, схоже, це не працює в клітинках таблиці. У мене встановлена ​​таблиця width:100%з одним рядком і двома стовпцями. Текст у стовпцях, хоча стилізований до вищезазначеного word-wrap, не перетворюється. Це змушує текст переходити межі клітинки. Це відбувається в Firefox, Google Chrome та …
566 html  css  html-table 
8
Яка різниця між Normalize.css та Скинути CSS?
Я знаю, що таке скидання CSS, але нещодавно я почув про цю нову річ під назвою Normalize.css Яка різниця між Normalize.css та Скинути CSS ? Яка різниця між нормалізацією CSS та скиданням CSS? Це просто нове слово для касет CSS Reset?
565 css  normalize-css 
18
Кутовий: умовний клас з * 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
Зробити поділ вертикально прокручуваним за допомогою CSS
Це <div id="" style="overflow:scroll; height:400px;"> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент дає divте, що користувач може прокручувати як горизонтально, так і вертикально. Як я можу це змінити, щоб div можна прокручувати лише вертикально?
560 html  css 
21
Розгорніть ключ, щоб заповнити залишилася ширину
Я хочу мати двоколонний макет, де кожен може мати змінну ширину, наприклад div { float: left; } .second { background: #ccc; } <div>Tree</div> <div class="second">View</div> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент Я хочу, щоб розділ "view" розширився на всю доступну ширину після того, як div "tree" заповнив необхідний простір. Наразі мій …
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.