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:

enter image description here

i want make spotlight in iphone:

enter image description here

and need css or javascript if want 'clear' button show when cursor in box ? ..

enter image description here

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

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -

php - Accessing static methods using newly created $obj or using class Name -