html - 一旦我们在文本字段中单击光标，背景颜色就会发生变化

Question

一旦我们在 textfield 中单击光标，背景颜色就会改变。

之前:

一旦我们在文本字段中单击光标:

但我想在文本字段内单击光标后保持相同的颜色。

CSS

input.input-text, select, textarea {
    font: /*BEGIN:general_font*/12px/1.35 Arial, Helvetica, sans-serif/*END:general_font*/;
    padding: 2px 8px !important;
    border: 1px solid /*BEGIN:body_line1*/#dcdcdc/*END:body_line1*/;
    color: /*BEGIN:body_text_color3*/#a0a0a0/*END:body_text_color3*/;
    height: 29px;
    line-height: 29px;
    width: 80%;
}

input, select, textarea, button {
    vertical-align: middle;

}

phtml

<input type="text" class="input-text" name="s" placeholder='<?php echo $helper->__('Search by product name') ?>' 
value="<?php echo $this->getRequest()->getParam('s')?>"/>

Answer 1

将此添加到您的 CSS 中，

CSS，

input:focus { background : none; }

减少或增加输入的使用边距之间的间距:10px 0px;

CSS，

input.input-text, select, textarea {
font: /*BEGIN:general_font*/12px/1.35 Arial, Helvetica, sans-serif/*END:general_font*/;
padding: 2px 8px !important;
border: 1px solid /*BEGIN:body_line1*/#dcdcdc/*END:body_line1*/;
color: /*BEGIN:body_text_color3*/#a0a0a0/*END:body_text_color3*/;
height: 29px;
line-height: 29px;
width: 80%;
**margin:10px 0px;**