0

次のスナップショットでわかるように、入力ボックスの一番右側に小さなアイコンがあります。ユーザーが入力ボックスに入力し続けると、アイコンが動き始めます。現在の状態で固定しておく方法はありますか位置？

input.fillHoverIndicator{
   background-image:url('../../images/msg_info_grey.png');
   background-repeat:no-repeat;
   padding-right:16px;
   background-position:right;
}

ここに画像の説明を入力

HTML

<input name="instance/logical.name"  class="fillHoverIndicator" id="X26" style="width:     100%; height: 19px;" onkeydown="cfKeyDown(event, 'X26');
    " onkeyup="cfKeyUp(event, 'X26');" onclick="handleOnClick(this, event);" onfocus="cbOnFocus(this, event);" onblur="cbOnBlur(this, event);
applyToSameControl(this);
  " onchange="handleOnChange(this, event);" type="text" maxLength="2147483647"     ButtonId="" dvdVar="" datachangeevent="" scripttype="comfill" getValue="function      getComboValue()
{
....
  return this.value
}" 
for="X26" idFill="9" PopupSubformWidth="333" PopupSubformEnabled="1"          PopupSubformInput="logical.name" PopupSubformFormat="popup.ci.info" tooltipHeight="209" tooltipWidth="333" tooltipUrl="popupsubform?hfformat=popup.ci.info&hfinput=logical.name&xScale=4.5&thread=1" value="1111111111111111111111111111111111111111111111"/>
4

1 に答える 1

0

、、、およびに従って 定義するようになりましたwidthheightline-heightpadding

このように 

input.fillHoverIndicator{
width:xxx; // according to your design
height:xxx; // according to your design
line-heiht:xxx; // according to your design
padding-right:xxx; // according to your design
background:url ('../../images/msg_info_grey.png')  no-repeat right top; // according to your design
}
于 2013-03-21T06:14:54.770 に答える