Make button在手机上处于活动状态？

当用户点击一个按钮...Make button在手机上处于活动状态？

#featured-challenge-button { 
    background-color: #446CB3; 
    box-shadow: 3px 3px 5px black; 
    &:hover { 
    background-color: #ccac00; 
    box-shadow: none; 
    } 
    &:active { 
    background-color: #ccac00; 
    box-shadow: none; 
    } 
    &:focus { 
    background-color: #ccac00; 
    box-shadow: none; 
    } 
}

按钮例子：

# link_to 
<%= link_to next_challenge_path, class: "btn", id: "featured-challenge-button" do %> 
    <span class="glyphicon glyphicon-plus"></span> 
<% end %> 

# submit 
<%= button_tag(type: 'submit', class: "btn", id: "featured-challenge-button") do %> 
    Save 
<% end %>

我怎么能证明它立即按下了吗？

在浏览器上它可以正常工作，但是在我的iPhone上点击时对按钮没有任何影响。该按钮被点击的唯一指示是屏幕顶部的加载条。

我使用:active错误还是存在另一个CSS技术或者是否存在JavaScript解决方案？

来源

2016-12-14 AnthonyGalli.com

的可能的复制[：有源伪类不移动Safari工作]（http://stackoverflow.com/questions/3885018/active-pseudo-class-doesnt-work-in-mobile- safari） –

'：visited'如何？ – madalinivascu

您需要在按钮上使用ontouchstart事件。只需使用

ontouchstart=""您的元素和:active将工作。

<button ontouchstart="">An Example</button>

来源

2016-12-14 06:31:58

你知道我可以如何与ruby集成吗？更新的问题。试图找出我自己的权利现在，但如果你知道它，我会很感激它:) –

@ AnthonyGalli.com其实你不需要改变你的问题从HTML/JS到红宝石。你必须开一个新的问题。怎么样Ruby，对不起我不认识Ruby –

Make button在手机上处于活动状态？

回答

相关问题