0

问题：我在哪里可以找到/编辑原始 css 文件以用于 formtastic？

原因：我无法更改文本表单的“宽度”，因为它们似乎自动设置为某个值。我想检查原始 css 文件是否强制所有文本表单的宽度。

环境： 

group :assets do
 gem 'sass-rails',   '~> 3.2.3'
 gem 'coffee-rails', '~> 3.2.1'
 gem 'bootstrap-sass'
 gem 'formtastic-bootstrap'

如果有人知道为什么我不能更改文本表单的宽度（大小、cols 属性不起作用）的直接答案，我会更感激这个答案。谢谢您的帮助！

图片：

在此处输入图像描述

_form.html.erb

 <% @post = Post.new %>
 <%= semantic_form_for @post do |f| %>
  <%= f.inputs do %>
    <%= f.input :name, :hint => "enter your name", :input_html => { :rows => 10, :width => 10 } %>
    <%= f.input :content, :hint => "enter the content", :input_html => { :rows => 10, :width => 100000 } %>

<% end %>
<%= f.actions do %>
    <%= f.action :submit, :as => :button %>
    <%= f.action :cancel, :as => :link %>
<% end %><% end %></div>

HTML：

<form accept-charset="UTF-8" action="/posts" class="formtastic post" id="new_post" method="post" novalidate="novalidate"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="wFcjDR0nzm2B3yl2XtUxzlQz0CWplYf2nKiq+xgDpXo=" /></div>

<fieldset class="inputs">
<div class="string input required stringish control-group" id="post_name_input"><label class=" control-label" for="post_name">Name<abbr title="required">*</abbr></label><div class="controls"><input id="post_name" maxlength="255" name="post[name]" rows="10" type="text" width="10" /><span class="help-block">enter your name</span></div></div>

<div class="text input required control-group" id="post_content_input"><label class=" control-label" for="post_content">Content<abbr title="required">*</abbr></label><div class="controls"><textarea id="post_content" name="post[content]" rows="10" width="100000"></textarea><span class="help-block">enter the content</span></div></div></fieldset>

摘要：为什么会这样，在哪里可以找到formtastc.css文件？它不在资产文件夹中，但页面以某种方式加载了 CSS。

4

1 回答 1

1

Formtastic.css 文件位于开发人员的资产中（它位于 gem 中，因此您无法在 Windows 资源管理器中检查它。

形式化的.css

在这里，下面的代码引起了麻烦

/* TEXTAREA OVERRIDES
---------------------------------------------------------------------------------*/
.formtastic .text textarea {
  width:72%;
}

.formtastic .text textarea[cols] {
  width:auto;
  max-width:72%;
}

我只是通过使用类跨度而不是尝试修复宽度来解决问题。但是您可以添加自己的 css 来更改宽度，我认为这会带来相同的结果。

<%= f.input :content, :label => 'content', :input_html => {  :rows => 5, :class => 'span10' } %>
于 2012-11-17T09:22:49.207 回答