2013-11-13 4 views
0

Я сохраню это короткое и сладкое. Я не знаю о методе, чтобы заморозить JavaScript/HTML на лету, чтобы отлаживать всплывающую подсказку, отображаемую в пользовательском интерфейсе Bootstrap, но я смог отслеживать и изменять большинство базового цвета по умолчанию «черный». Тем не менее, я не могу отслеживать, где код живет, чтобы изменить верхнюю «стрелку» на всплывающие подсказки, которые я здесь построил: http://jsfiddle.net/jodriscoll/xPCST/.Попытка изменить цвет всплывающей подсказки всплывающих подсказок

/* override the tooltip color theme */ 
.tooltip-inner, 
.tooltip.top .tooltip-arrow, 
.tooltip.top-left .tooltip-arrow, 
.tooltip.top-right .tooltip-arrow, 
.tooltip.right .tooltip-arrow, 
.tooltip.left .tooltip-arrow 
.tooltip.bottom .tooltip-arrow, 
.tooltip.bottom-left .tooltip-arrow, 
.tooltip.bottom-right .tooltip-arrow { 
    background-color: rgb(220,40,30); 
    border-color: rgb(220,40,30); 
} 

Если кто-то может либо дайте мне знать, где этот код живет, или как приостановить JavaScript на странице, чтобы я мог предназначаться контейнер создается в нижней части страницы, я бы очень признателен :)

+1

Если вы используете Firefox, установите firebug - есть простой инструмент проверки DOM, который позволяет вам щелкнуть по любому элементу и проверить его (включая CSS) – SW4

+0

Ваша скрипка не работает: 'ReferenceError: параметры не определены ' – CBroe

+0

Ваша скрипка не работает. Он не показывает никаких подсказок ... :( –

ответ

1

вы должны изменить следующее бутстраповской CSS

.tooltip-arrow { 
    border-bottom-color: #000; 
} 

в качестве альтернативы вы можете переписать это в собственный пользовательский CSS

Смотрите jsfiddle - http://jsfiddle.net/xPCST/12/

+0

Пытался направить эту ссылку на CSS и, к сожалению, ничего не сделал. http://jsfiddle.net/jodriscoll/xPCST/ – Joey

+0

Вы добавили его в отдельный файл css ПОСЛЕ загрузки bootstrap.css? – heymega

+0

Он работает через движок jsFiddle, что-либо внутри CSS-окна движка отображается в теге стиля и переопределяет любые файлы CSS, на которые делается ссылка. Я не считаю, что селектор CSS нацелен на маленькую «черную» стрелку поверх прямоугольника всплывающей подсказки. – Joey

Смежные вопросы