設計驗證樣式的問題

我在基本的Ruby on Rails應用程序中使用用戶登錄頁面和用戶註冊頁面的Devise gem。 我想擺脫出現錯誤時的醜陋默認樣式。我能夠用一些引導樣式替換錯誤框，但是我找不到任何有關如何擺脫出現在我的輸入和輸入標籤周圍的醜陋紅框的答案。 另外，驗證發生時輸入正在縮小。它們以100％的寬度開始。然後，如果出現錯誤，它們會縮小。這是兩個問題的圖像。輸入框應該是一樣寬，上面的.danger格：設計驗證樣式的問題

下面是這個頁面的代碼：

<div class="row"> 
<div class="top col-md-4 col-md-push-4 col-sm-6 col-sm-push-3 col-xs-10 col-xs-push-1"> 
<div class="logo_container"> 
    <%= image_tag "musilogopurple.png", class: 'logo_big' %> 
</div> 
<p class="text-center">Forget your password? Enter your email below and we will send you reset instructions.</p> 
<br /> 

<%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f| %> 
    <%= devise_error_messages! %> 

    <div class="form-group"> 
    <%= f.label :email %><br /> 
    <%= f.email_field :email, autofocus: true, class: 'form-control' %> 
    </div> 

    <div class="actions"> 
    <br /> 
    <%= f.submit "Send", class: 'btn btn-purple'%> 
    </div> 
<% end %> 

<%= render "devise/shared/links" %> 
</div> 
</div>

我將非常感謝一些指導。謝謝！

來源

2017-03-03 J Seabolt

你有腳手架嗎？腳手架帶來CSS文件嘗試刪除那些如果你不使用它。另外，如果你發佈了它接收樣式的CSS文件，它會有所幫助。

來源

2017-03-03 18:48:46 Gcamara14

你是非常聰明的先生！是的，問題在於我的腳手架造型。具體來說，這段代碼導致了這個問題： .field_with_errors {} {padding：2px; background-color：red; display：table; } –

設計驗證樣式的問題

回答

相關問題