css - iPhone's spotlight-like box in html -
i'm using ie 7 . can suggest simpler code i'm trying .
here's html:
<span id="mainspan" class="deleteicon"> <input type="text" id="txt1" /> <span id="btn" onclick="var x = document.getelementbyid('txt1'); x.value = ''; x.focus();"></span> </span>
and css:
input { font-size: 20px; width: 250px; } #mainspan { position: relative; border: 1px #aaa inset; } span.deleteicon span { border: none; margin-left: 1px; position: absolute; display: block; top: 5px; width: 18px; height: 18px; background: url('file:///path-to-clear.png') no-repeat center; cursor: pointer; } span.deleteicon input { border: none; margin: 0px; padding-right: 0px; }
but looks in ie 7:
i want make spotlight in iphone:
and need css or javascript if want 'clear' button show when cursor in box ? ..
it's easy in other newer browsers need use on ie 7 .
thanks can share code . =d
try ccs3pie
it helps ancient ies. you'll able use border radius , other cool stuff.
Comments
Post a Comment