css - How to make the background image fixed in the input box -
As you can see in the snapshot, a small icon to the right on the right of the input box, when user input box Keeps typing, the icon starts to move, is there any way to fix it in the current situation? HTML Now define to To Such as Input. Fulhohar indicator {background-image: url ('../../ Images / Message_info_grri'); Background repeat: do not repeat; Padding-right: 16px; Background Status: OK,}
< / P>
& lt; Input name = "instance / logical.name" class = "fillHoverIndicator" id = "X26" style = "width: 100%; height: 19px;" Onkeydown = "cfKeyDown (event, 'X26');" Onkeyup = "cfKeyUp (event, 'X26');" Onclick = "Handle-click (this, event);" Onfocus = "CBOnfocus (this, incident);" Onblur = "cbOnBlur (this, incident); applyToSameControl (this);" Onchange = "handlenchenge (this, incident);" type = "text" maxlength = "2147483647" ButtonId = "" dvdVar = "" datachangeevent = "" scripttype = "comfill" getValue = "function getComboValue () = for .... {return this.value}" "X26 "idFill =" 9 "PopupSubformWidth =" 333 "PopupSubformEnabled =" 1 "PopupSubformInput =" logical.name "PopupSubformFormat =" popup.ci.info "tooltipHeight =" 209 "tooltipWidth =" 333 "tooltipUrl =" popupsubform? hfformat = popup . Ci.info and amp; hfinput = Tarkikknam & XScale = 4k5 thread = 1 "value =" 1111111111111111111111111111111111111111111111 "/ & gt;
width ,
height ,
line-height , and
padding
input. Fillhow indicator {width: xxx; // according to your design height: xxx; // According to your design line- heiht: xxx; // According to your design padding rights: xxx; // According to your design background: url ('../../images/msg_info_grey.png') Any repeat top header; // as per your design)
Comments
Post a Comment