jquery - Do not change CSS when hover over bootstrap button -

jquery - Do not change CSS when hover over bootstrap button -

i using btn-group this: http://jsfiddle.net/dy9uh/34/

i don't want users think button left click-able don't how button looks when add together disabled class. how can create sure nil happens when user hovers on left button? i'd prefer not edit bootstrap.css because have other buttons utilize .btn-group class need functioning usual.

i think solution on ride bootstrap styles custom changes.

add custom class btn ex: special define override style follows in custom css file include custom file in page

css:

.btn.special { background-color: #f5f5f5; color: #333333; background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); text-decoration: none; background-position: 0; transition: none; }

demo: fiddle

jquery css twitter-bootstrap