Question

我已经使用CSS格式化了输入字段，但我的提交按钮现在是400px宽度，我不知道如何缩小它。

@post form：

 <% create_url = {:url=>{:action=>"create"}} if @post.new_record? %>
      <% form_for @post, :html => { :multipart => true } do |t| %>
        <b><%= t.label :title, 'Virsraksts:' %></b><br />
        <%= t.text_field :title %><br /><br />
        <b><%= t.label :content, 'Teksts:' %></b><br />
        <%= t.text_area :content %><br /><br />
        <b><%= t.label :bildes, 'Pievienot bildes:' %></b><br />
        <%= f.file_field :bildes %><br /><br /><br />
        <%= t.submit %>
<% end %>
        <%end%>

CSS：

input {
  width: 400px;
  float: left;
  font-size: 15px;
  font-weight: bold;
}

textarea {
  width: 400px;
}

请帮帮我们。

Answer 1

如果您只希望文本字段在您的css中执行input，则您的input[type=text]选择器也会选择您的提交按钮

Answer 2

使用CSS input[type="text"]指定<input type="text" />

输入清晰的风格

2 个答案: