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? Input. Fulhohar indicator {background-image: url ('../../ Images / Message_info_grri'); Background repeat: do not repeat; Padding-right: 16px; Background Status: OK,}

Enter image details here < / P>

HTML

  & 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;    

Now define to To width , height , line-height , and padding

Such as

  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

Popular posts from this blog

excel vba - How to delete Solver(SOLVER.XLAM) code -

github - Teamcity & Git - PR merge builds - anyway to get HEAD commit hash? -

ios - Replace text in UITextView run slowly -