|
|||||||
![]() |
|
|
LinkBack | Thread Tools | Display Modes |
|
|
#1 |
|
New Member
![]() Join Date: Sep 2011
Posts: 1
|
i'm using the intensedebate commenting system on my blog (ask-lana.blogspot.com) and the yellowish input focus is driving me up the wall!
browser: firefox w/ firebug plugin so i can inspect elements. intensedebate suggested it, as a matter of fact--get firebug so you can inspect our css and customize your own comment box (css). i've been successful in styling the rest of the comment box pretty much the way i want, but the input textarea focus just won't go away no matter what i do! i tried :focus {outline: none !important;} and everything else i can think of. nothing seems to work! i tried display:none, which got rid of the textarea altogether, which was not my intent! here is the intensedebate html form (this is hosted at intensedebate, so i can't personally go in and mess with their html--but i CAN edit the css): <form id="IDCommentNewThreadForm1"> <div class="idc-c-t-inner"> <textarea id="IDCommentNewThreadText" class="idc-text_noresize " onblur="txtOnBlur(this, 'Enter text right here!');" onfocus="txtOnFocus(this, 'Enter text right here!');" style="color: rgb(204, 204, 204); width: 580px;">Enter text right here!</textarea> <span class="idc-clear"> </span> </div> </form> and here is the css that (i assume) controls the form element, because like i said, i tried display:none and it did remove the textarea (box) when i clicked inside it! so this must be the css that's controlling that element: #idc-container.idc .idc-focus { -moz-border-bottom-colors: none !important; -moz-border-image: none !important; -moz-border-left-colors: none !important; -moz-border-right-colors: none !important; -moz-border-top-colors: none !important; border-color: #A0B513 #C9E31A #C9E31A !important; border-right: 1px solid #C9E31A !important; border-style: solid !important; border-width: 1px !important; } obviously, i tried fooling around with the css, i tried setting it to none, 0, white, but nothing affected it! will some smart person please help me get rid of the yellow outline when i click inside the form element?! nothing i've done worked. :-( i contacted intensedebate, but they are slow to reply *sigh*. help! any suggestions? thanks in advance! :-) |
|
|
|
![]() |
| Tags |
| css, focus, intensedebate, outline |
| Thread Tools | |
| Display Modes | |
|
|