shadow دور textbox

[kafinetetaha]

با سلام خدمت دوستاتن گرامی مکن میخوام وقتی که textbox رو انتخاب می کنم مثل این سایت زیر بشه واسم لطفا کمک کنید

http://edu.uast.ac.ir/teachers/teaching_request/index/

[maryamm_20]

این فایل رو بگیرین
با حرکت ماوس یا کلیک این کار انجام میشه
دیگه خودتون پر و بالش بدین

[kafinetetaha]

دوست من این کار فکر کنم با css که زسس فقط چپ یا راستو سایه میده من میخوام چهار طرفش باشه مثل اون سایت

[meisam12]

شما می توانید از کمپوننت تلریک استفاده کنید.
برای اطلاعات بیشتر به این سایت http://demos.telerik.com/aspnet-ajax/input/examples/radtextbox/firstlook/defaultcs.aspx مراجعه کنید.

[kafinetetaha]

دوست من با css حلش کردم اینم کد هاش بدون استفاده از جاوا دوست عزیزمون از جاوا استفاده کرده بود با css منم با css خالی حلش کردم اینم کد هاش دوستان خواستن استفاده کنن
این در حالت معمولیش

.txtindex {
border: 1px Solid #006600;
background: White url('../Img/Content/txtbgi.gif');
font-family: Tahoma;
font-size: 10pt;
color: #222233;
direction: ltr;
height: 18px;
text-align: right;
border-radius: 4px;
}

اینم وقتی که با ماوس میریم روش یا انتخابش می کنیم

.txtindex:hover {
-moz-box-shadow: 0px 0px 5px 3px #336600;
-webkit-box-shadow: 0px 0px 5px 3px #336600;
box-shadow: 0px 0px 5px 3px #336600;
}

اینم واسه وقتی که انتخابش می کنیم

.txtindex:focus {
-moz-box-shadow: 0px 0px 5px 3px #336600;
-webkit-box-shadow: 0px 0px 5px 3px #336600;
box-shadow: 0px 0px 5px 3px #336600;
}

[maryamm_20]

درسته
فقط ممکنه با تنها css ، cross browser نباشه
برای لینک می دونم که هاورش cross browser اما واسه المنت های دیگه ندیدم اینطوری باشه