Web Design Forum  
 
Go Back   Web Design Forum > Web and Graphic Design > Web Design

Reply
 
LinkBack Thread Tools Display Modes
Old 09-20-2011, 07:52 PM   #1
New Member
 
Join Date: Sep 2011
Posts: 1
Exclamation Can't remove focus outline from IntenseDebate comment textarea element

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! :-)
lana475 is offline   Reply With Quote


Reply

Tags
css, focus, intensedebate, outline

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT. The time now is 04:37 PM.


Camera Forum - Computer Forum - Web Design Forum

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2012, vBulletin Solutions, Inc.
Content Relevant URLs by vBSEO 3.6.0 ©2011, Crawlability, Inc.