Програмування css

6

Я намагаюся створити міксин для заповнювачів у sass. Це міксин, який я створив. @mixin placeholder ($css) { ::-webkit-input-placeholder {$css} :-moz-placeholder {$css} ::-moz-placeholder {$css} :-ms-input-placeholder {$css} } Ось як я хотів би включити міксин: @include placeholder(font-style:italic; color: white; font-weight:100;); Очевидно, що це не спрацює через усі колонки і напівколонки, які передаються …

122 css sass

14

Як змінити стиль межі прапорця в CSS?

Як я можу змінити стиль межі поля (вхідного)? Я поставив border:1px solid #1e5180це, але у FireFox 3.5 нічого не відбувається!

122 html css

9

Підтримуйте співвідношення сторін Div, але заповнюйте ширину та висоту екрана в CSS?

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

122 html css responsive-design aspect-ratio

6

Calc макс., Або макс. Calc в CSS

Чи можна зробити щось подібне max-width: calc(max(500px, 100% - 80px)) або max-width: max(500px, calc(100% - 80px))) в CSS?

122 css

8

ширина: авто для полів <input>

Питання для початківців CSS Я думав, width:autoщо display:blockелемент означає «заповнити доступний простір». Однак для <input>елемента це, мабуть, не так. Наприклад: <body> <form style='background-color:red'> <input type='text' style='background-color:green;display:block;width:auto'> </form> </body> Тоді два питання: Чи є визначення точно, яка ширина: auto означає? Специфікація CSS здається мені невиразною, але, можливо, я пропустив відповідний розділ. …

122 css

7

Як горизонтально центрувати прольотний елемент всередині поділки

Я намагаюся зосередити два посилання «переглянути веб-сайт» та «переглянути проект» всередині навколишнього діва. Чи може хтось вказати, що мені потрібно зробити, щоб зробити цю роботу? JS Fiddle: http://jsfiddle.net/F6R9C/ HTML <div> <span> <a href="#" target="_blank">Visit website</a> <a href="#">View project</a> </span> </div> CSS div { background:red;overflow:hidden } span a { background:#222; color:#fff; …

122 css

5

Перетворення CSS3 не працює

Я намагаюся перетворити елементи меню, обертаючи їх на 10 градусів. Мій CSS працює у Firefox, але мені не вдалося повторити ефект у Chrome та Safari. Я знаю, що IE не підтримує цю властивість CSS3, тому це не проблема. Я використовував наступний CSS: li a { -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg); } Хто-небудь, …

122 html css

4

Як вирівняти стовпці флешбоку вліво і вправо?

За допомогою типового CSS я міг пропускати один з двох стовпців ліворуч та інший праворуч із проміжком між жолобами. Як би я це зробив за допомогою флексокса? http://jsfiddle.net/1sp9jd32/ #container { width: 500px; border: solid 1px #000; display: -webkit-flex; display: -ms-flexbox; display: flex; } #a { width: 20%; border: solid 1px …

122 html css flexbox

11

Реагує рідний текст, що відходить від мого екрана, відмовляючись від обгортання. Що робити?

У цьому прямому прикладі можна знайти наступний код У мене є наступний природний елемент реагування: 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return ( <View style={styles.container}> <View style={styles.descriptionContainerVer}> <View style={styles.descriptionContainerHor}> <Text style={styles.descriptionText} numberOfLines={5} > Here …

122 css reactjs react-native flexbox

4

Додавання елемента з ефектом зникнення [jQuery]

var html = "<div id='blah'>Hello stuff here</div>" $("#mycontent").append(html).fadeIn(999); Це, здається, не працює. Я просто хочу класного ефекту, коли вміст додається. Примітка. Я хочу, щоб тільки новий "бла" дів зникав, а не весь "зміст".

121 javascript jquery html css

3

Обчисліть відсотки за допомогою SCSS / SASS

Я хочу встановити ширину у відсотках у scss за допомогою обчислення, але це дає мені помилки. Недійсний CSS після "...- width: (4/12)%": очікуваний вираз (наприклад, 1px, жирний шрифт), був ";" Я хочу зробити щось подібне $my_width: (4/12)%; div{ width: $my_width; } як додати туди знак%? Те саме питання з px …

121 css sass

4

Як змусити диву зростати у висоту, маючи всередині плавання

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

121 css html overflow css-float

7

Чи є спосіб перевірити, які стилі CSS використовуються чи не використовуються на веб-сторінці?

Хочете дізнатися, які стилі CSS зараз використовуються на веб-сторінці.

121 css

7

кутовий 2 ngIf та перехід / анімація CSS

Я хочу, щоб Div засунув праворуч у кут 2 за допомогою css. <div class="note" [ngClass]="{'transition':show}" *ngIf="show"> <p> Notes</p> </div> <button class="btn btn-default" (click)="toggle(show)">Toggle</button> Я добре працюю, якщо використовую лише [ngClass] для перемикання класу та використання непрозорості. Але я не хочу, щоб цей елемент був виведений з самого початку, тому я …

121 css angular angular-animations

18

Як автоматизувати текстову область за допомогою прототипу?

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

121 javascript html css textarea prototypejs

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