Tag: css3

表单提交后呈现表单: 我正在尝试在提交上一个表单后呈现表单。例如，假设我有一个只有选择下拉菜单的表单。您可以选择其中一个选项，单击“继续”（提交按钮），然后在页面重新加载后，它会根据所选类别呈现新表单。仅供参考，我正在尝试在Rails应用程序中执行此操作。这是一个例子： http ： //popcornindiana.com/contact-us

链接上的CSS3动画单击，而不是页面加载: 我有一个类似reddit的应用程序，我希望每当我关注项目时都会触发CSS3动画。我已经设置好所以动画可以正常工作，但是会记录，但它也会在初始页面加载时触发。任何不发生这种情况的尝试都会使动画在任何情况下都不起作用。我的erb页面上的以下内容触发了动画： $(“.downvote”).on(‘click’, function() { $(‘#to-animate’).addClass(‘animation-left-to-right’); window.location.reload(false); }); 我在我尝试与jQuery一起使用的application.scss页面中也有以下定义： .fixed { position: fixed; } .no-display { display: none; } 任何人都可以帮我解决这个问题，以便在页面最初加载时动画不会触发吗？注意：我并没有将这个问题与动画本身的实际CSS复杂化，因为动画工作正常，只需要一次额外的时间。如果有人认为它可以帮助我添加它，但我真的认为问题与我的JavaScript 。

如何使用Twitter中的Bootstrap样式表和Rails中的现有样式表而不会弄乱一切？: 所以我在我的Rails应用程序中包含了样式表的URL，但它将所有内容都抛入了haywire。我把它包括在内： ‘all’) %> 我想要做的是，当我将类应用于html标记时，只应用Twitter样式。理想情况下，我想要做的是让它甚至覆盖我的“样式”表中的样式 – 这是我整个应用程序的样式表。是否可以以简单的方式完成此操作，而无需为我想要使用的每个元素修改样式？

为什么在OSX中的select选项上使用`-webkit-appearance：none`会使文本消失？: 为了在OS X中的Chrome上获得我想要的样式，我必须使用-webkit-appearance: none; 属性。看到这个问题和这个答案。问题是，现在当我选择答案时，它没有出现。该领域仍然是空白。这是没有该属性的外观：这是它与属性的外观：对于它的价值，这就是我如何创建这个选择菜单 – 使用简单forms：这是它生成的HTML： United States 我该如何解决？编辑1 这是CSS ： form.simple_form select { padding: 20px; -webkit-appearance: none; }

使用SASS进行用户主题切换 – Ruby on Rails: 所以我有一个rails管理系统，允许用户选择一个主题，基本上是一组SASS颜色变量，它们将使用新颜色重新编译application.css.scss。当用户从下拉列表中选择并提交时，如何才能更改此更改？我读了一些关于缓存和重新编译的问题，但我不完全清楚如何设置它。目前我有.. application.css.scss @import “themes/whatever_theme”; @import “common”; @import “reset”; @import “base”; 主题/ _whatever_theme $theme_sprite_path: ‘/images/sprite_theme_name.png’; $main_color:#009DDD; $secondary_color:#b3d929; $light_background:#f2f2f2; $border_line:#e6e6e6; $off_white:#f9f9f9; $white:#ffffff; $font_body:#565b59; $font_headers:#363a36; 假设我有5个不同的主题，用户将在它们之间切换，为Rails中的每个主题设置变量名称然后将它们传递给SASS并在运行中更改它们并重新编译将会很不错。这是最好的解决方法吗？

我的整个rails应用程序只从一个文件获取css为什么: 我为这两个控制器添加了不同的css文件，但我的整个应用程序只从product.css获取css 我为这两个控制器添加了不同的css文件，但我的整个应用程序只从product.css获取css我为这两个控制器添加了不同的css文件，但我的整个应用程序只从product.css获取css products.css body { font-size: 11px; font-family: ‘Open Sans’, sans-serif; color: #4A4A4A ; text-align: center; } .wrap { background: #fff; margin: 20px auto; display: block; width: 300px; height: 380px; padding:20px; border-radius: 2px 2px 2px 2px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px […]

将@ font-face文件集成到rails资产管道中: 我正在尝试将设计人员的html和css文件集成到rails应用程序中。他有大约四个@ font-face文件，这些文件当前链接到application.css文件中。我已将字体存储在assets / fonts文件夹中，并将该文件夹添加到资产管道中（在config / application.rb中）我只使用了Google字体，我在application.html.erb文件中包含了google的链接。我该如何包含这些字体文件？他们应该（1）保留在application.css文件中，还是（2）在app.html.erb文件中链接到javascript和styesheets？例如，像这样：

SASS变量未正确解析 – 未定义变量：“$ ct-white”: 我第一次使用SASS，我的变量似乎已经停止工作了。我在application.css.scss文件中有以下代码： *= require_self */ @import “layout”; @import “colors”; … @import “text”; 在我的部分_colors.css.scss文件中，有： … $ct-white: #F8F8F8 !global; 在我的部分_layout.css.scss文件（Rails默认布局文件）中： /* Site-wide layout syntax */ body { background-color: $ct-white; } 我知道_layout.css.scss文件正在加载，因为当我设置body { background-color: #F8F8F8; }时，页面上的其他样式工作正常body { background-color: #F8F8F8; } body { background-color: #F8F8F8; } 。由于某种原因，该变量未被正确解析。有什么想法吗？

如何引用并将多个User_ID保存到单个表单并在索引/显示页面Rails 4 App中显示所述ID: 嘿所有我正在Rails 4 Ruby 2.2中构建一个CAD应用程序; 在我的通话表单中，我有一个允许调度员选择最多4个单元发送到呼叫的方框。（见下面的布局）。这个问题的简短之处在于找出如何保存和访问可在Users模型中找到的4个独立user_id，并将它们存储在Calls模型中，以便它们可以链接并显示在我的Show.html.erb中单位1-4（如果需要所有这些单位）这是forms： Units Responding Unit #1 Time On Scene Time Clear true } ) %> Unit #2 Time On Scene Time Clear false } ) %> Unit #3 Time On Scene Time Clear false } ) %> Unit #4 Time On Scene Time Clear false } ) %> 我最初将此作为我的collection_select代码： […]