twitter/bootstrap — Issue #2015: active button class is not applying any style in IE7, IE8
Author: fespinoza
Created: 2012-02-16 14:53:15+00:00
State: open

Hi everyone...

this is the issue I have with IE8 and 7

I have this rails application using twitter's bootstrap 2.0 for styling, the problem is when I press a button on internet explorer, it becomes active and realizes the correct action... but the buttons remains with the same style so that's a problem

I'm developing on my mac, and trying out with a windows xp virtual machine with virtual box, the debug bar and the built in ie8 developer tools are so bad, and slow...but that's maybe because of the virtual machine and because i'm serving the app from my host computer and entering in the guest OS like http://XXX.XXX.XXX.XXX:3000 (XXX... is for my IP)

what do you recommend me for this?

EDIT:

here's my definition for the html (html5 doctype) with haml

#categorias.row
.btn-group{ 'data-toggle' => 'buttons-checkbox' }
- categorias.each do |categoria|
.categoria{ :id => "categoria_#{categoria.id}" }
%button.btn{ :id => "categoria_#{categoria.id}_btn" }= categoria.nombre
- categoria.subcategorias.each do |subcategoria|
= hidden_field_tag "sub_categorias[#{subcategoria.id}]", "categoria-" + subcategoria.nombre.slugify, 'data-genero' => subcategoria.genero

that's what it looks like in chrome

![the chrome output of the button][1]

and the source

![chrome html and active css class][2]

the ie 8 output

![the button with the active class and output][3]

and the ie 8 computed css

![computed ie8 css][4]

[1]: http://i.stack.imgur.com/SA0Ds.png
[2]: http://i.stack.imgur.com/YHK4A.png
[3]: http://i.stack.imgur.com/7A28u.png
[4]: http://i.stack.imgur.com/K1Wtp.png