Как сделать чтобы черный менялся на белый цвет ?

вопрос

На первом изображений при наведении мышкой на кнопку черный цвет меняется на белый.
html код

<input type="button" class="bbcodes" name="dosearch" id="dosearch" value="Начать поиск" onclick="javascript:list_submit(-1); return false;">

Как сделать чтобы черный менялся на белый цвет ?

На втором изображении при наведении мышкой на кнопку ничего не реагирует.Черный цвет не меняется на белый
html код

<input name="submit" type="submit" value="Добавить комментарий">

styles.css код

/* Inputs */
.input_style input[type="text"],
.input_style input[type="password"],
.input_style textarea, 
.input_style select,
.input_style input.codeButtons {padding:1px; margin:1px; font-size:11px;color:#777; border:1px solid #b8b8b8; text-shadow:none; background:#fff url(../images/input_bg.png) no-repeat 0 0; outline:none;}

.input_style input[type="text"],
.input_style input[type="password"] {padding:3px 1px; text-indent:3px;}

.input_style input[type="radio"] {vertical-align:baseline;}

.input_style input.codeButtons {padding:1px 0; font-style:normal; text-transform:none;}

.input_style input[type="text"]:hover,
.input_style input[type="password"]:hover,
.input_style textarea:hover, 
.input_style select:hover,
.input_style input[type="text"]:focus,
.input_style input[type="password"]:focus,
.input_style textarea:focus, 
.input_style select:focus,
.input_style input.codeButtons:hover {color:#222; background-position:0 -600px;}


.input_style input[type="button"],
.input_style input[type="submit"],
.input_style input[type="reset"], 
.input_style button,
.input_style a.fbutton {
    background:#ffa500 url(../images/submit_bg.png) repeat-x 0 0;
    outline:none;
    border:1px solid #ffa500;
    font-size:12px;
    font-weight:100;
    color:#000;
    text-shadow:0px 1px 1px #ffa500;
    padding:3px 6px 4px 6px;
    text-decoration:none;
    margin-bottom: 2px !important;
    margin-top:2px;
    cursor: pointer;
    -moz-border-radius:10px; /* Firefox */
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-radius: 10px; /* KHTML */
    border-radius: 10px;
}

.input_style input[type="button"]:hover,
.input_style input[type="submit"]:hover,
.input_style input[type="reset"]:hover, 
.input_style button:hover,
.input_style a.fbutton:hover {text-decoration:none; background:#ffa500 url(../images/submit_bg.png) repeat-x 0 -100px;}
a.fbutton {display:inline-block;}

/* input reset */
.input_style_reset,
.input_style input.bVote_submit {
  opacity:1.0; filter: alpha(opacity=100);
  padding:0;
  margin:0;
  color:#222 !important;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  -khtml-border-radius:0;
  border-radius: 0;
  background:#fff;
}

Ответа пока нет

.input_style input[type="button"]:hover,
.input_style input[type="submit"]:hover,
.input_style input[type="reset"]:hover,
.input_style button:hover,
.input_style a.fbutton:hover {text-decoration:none; background:#ffa500 url(../images/submit_bg.png) repeat-x 0 -100px;color:#fff !important}

Fancybox.bind("[data-highslide]", { groupAttr: 'data-highslide', idle:2000, Thumbs: false, caption: (fancybox, slide) => { if( slide.thumbEl && slide.thumbEl.alt ) { return slide.thumbEl.alt } } });