2012-11-18 68 views
0

我想編輯引導程序的CSS表單。Rails:Bootstrap編輯表單CSS

bootstrap-sass/vendor/assets/stylesheets/bootstrap/_forms.scss 

我抓住..

textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input { 
    background-color: $inputBackground; 
    border: 1px solid $inputBorder; 
    @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); 
    @include transition(border linear .2s, box-shadow linear .2s); 

    // Focus state 
    &:focus { 
    border-color: rgba(82,168,236,.8); 
    outline: 0; 
    outline: thin dotted \9; /* IE6-9 */ 
    @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)); 
    } 
} 

我試圖改變焦點狀態的RGBA值。

@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(200,168,136,.6) 

但後來我得到以下錯誤: 密新過渡需要1個說法,但都過去了2。

我認爲我不允許只是「覆蓋」box-shadow mixin?但我不知道如何解決這個問題。我感謝任何幫助。

+0

只是一個猜測,但'@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(200,168,136,.6)'我想象應該寫成:' @include box-shadow(0 1px 1px rgba(0,0,0,.075)inset,0 0 8px rgba(200,168,136,.6)'inset being in end。 – Trip

回答

0

你想逃離的說法:

@include box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(200,168,136,.6)") 

通知~(波浪)和"(引號)。這消除了關於逗號的混淆,這更少解釋爲兩個參數之間的分離。有關更多信息,請參閱少量文檔中的「轉義」部分。

+0

adding the quotation marks the problem the without without在SASS的波浪號 –