Вопросы с тегом «css»

Я пытаюсь заменить стрелку выбора собственным изображением. Я включаю выбор в div с тем же размером, я устанавливаю фон выбора как прозрачный, и я включаю изображение (с тем же размером, что и стрелка) в правом верхнем углу div в качестве фона. Работает только в Chrome. Как я могу заставить его …

127 css  select 

В настоящее время этот вопрос не подходит для нашего формата вопросов и ответов. Мы ожидаем, что ответы будут подтверждены фактами, ссылками или опытом, но этот вопрос, скорее всего, потребует дебатов, аргументов, опросов или расширенного обсуждения. Если вы считаете, что этот вопрос можно улучшить и, возможно, снова открыть, обратитесь за помощью …

126 css  css-sprites  web-performance 

Используя основной пример, взятый со страницы примеров Javascript Bootstrap 3 для Collapse , я смог показать состояние свертывания с помощью значков шеврона. У меня это работает, используя: $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); Это работает (не полностью протестировано во всех браузерах), но мне интересно, есть …

126 jquery  css  twitter-bootstrap  twitter-bootstrap-3 

У меня есть div заголовка в качестве первого элемента в моем div-оболочке, но когда я добавляю верхнее поле к h1 внутри div заголовка, он толкает весь div заголовка вниз. Я понимаю, что это происходит всякий раз, когда я применяю верхнее поле к первому видимому элементу на странице. Вот пример фрагмента …

126 html  css  xhtml 

Я пытаюсь сделать изображение (динамически размещаемое без ограничений по размерам) таким же широким, как его родительский div, но только до тех пор, пока эта ширина не превышает его собственную ширину на 100%. Я пробовал это, но безрезультатно: img { width: 100%; height: auto; max-width: 100%; } Многие из этих изображений …

126 html  width  css 

У меня есть элемент select, я хочу удалить стрелку, затем я могу добавить другой значок ... Я могу сделать это для Firefox Safari и Chrome, но это не сработало в IE9 . .styled-select select { border: 0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; …

126 html  css  html-select 

Я хочу, чтобы div всегда был справа от родительского div, поэтому я использую float:right. Оно работает. Но я также хочу, чтобы он не влиял на другой контент при вставке, поэтому я использую position:absolute. Теперь float:rightне работает, мой div всегда слева от своего родительского div. Как мне сдвинуть вправо?

126 css  css-float  position 

У меня есть два изображения, которые нужно сохранить в строке; Я хочу написать подпись под каждым изображением. <center> <a href="http://example.com/hello"> <img src="hello.png" width="100px" height="100px"> </a>              <a href="http://example.com/hi"> <img src="hi.png" width="100px" height="100px"> </a> </center> Как я могу реализовать?

126 css  html 

Есть ли способ для веб-разработчика отключить проверку орфографии Chrome / Safari / WebKit для определенных элементов inputили textarea? Я имею в виду либо специальный атрибут тега, либо проприетарную инструкцию CSS. Есть инструкция CSS для отключения выделения inputs, поэтому я подумал, что она тоже может существовать. Я знаю, как это может …

126 html  css  google-chrome  spell-checking 

У меня на странице есть кнопка, которая при нажатии отображает div(стиль всплывающего окна) в середине моего экрана. Я использую следующий CSS для центрирования divв середине экрана: .PopupPanel { border: solid 1px black; position: absolute; left: 50%; top: 50%; background-color: white; z-index: 100; height: 400px; margin-top: -200px; width: 600px; margin-left: -300px; …

126 html  css  scroll  position  centering 

Я только что открыл для себя Sass и был так взволнован. На своем веб-сайте я реализовал древовидное меню навигации, оформленное с помощью дочернего комбинатора ( E > F). Есть ли способ переписать этот код с помощью более простого (или лучшего) синтаксиса в Sass? #foo > ul > li > ul …

126 css  css-selectors  sass 

Я хочу , чтобы сохранить высоту #abc divв 50pxи текст для выравнивания по вертикали в середине div. body{ padding: 0; margin: 0; margin: 0px auto; } #main{ position: relative; background-color:blue; width:500px; height:500px; } #abc{ font:Verdana, Geneva, sans-serif; font-size:18px; text-align:left; background-color:#0F0; height:50px; vertical-align:middle; } <div id="main"> <div id="abc"> asdfasdfafasdfasdf </div> </div> …

126 css  vertical-alignment 

Я пытаюсь изменить цвет всплывающей подсказки на красный. Однако я также хочу иметь несколько других цветов, поэтому я не хочу просто заменять исходный цвет всплывающей подсказки. Как бы я это сделал?

126 html  css  twitter-bootstrap 

Я понимаю, что можно указать настраиваемую графику в качестве символа маркера замены, используя атрибут CSS: list-style-image А затем присвоить ему URL. Однако в моем случае я просто хочу использовать символ «+». Я не хочу создавать для этого рисунок, а затем указывать на него. Я бы предпочел просто проинструктировать неупорядоченный список …

126 html  css  webkit  mobile-webkit 

Похоже, что недавно было обновление Google Chrome, которое вызывает размытый текст после выполнения transform: scale(). В частности, я делаю это: @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } Если вы …

126 google-chrome  css  webkit  transform  css-animations