Hi team,

I am trying to remove the standard grey box that comes up when a text entry field is specified.

It is in wordpress so I don't know if it is a css, html or php problem.

I have attached an image of my dilemma.

Thanks for any help.

DB

Don't use a text input.
use a hidden form element to hold the data

Hi Chris, thanks for that but I cant seem to find a decent reference on the 'net as to what the hidden field does and how it helps me.

I have found out that it hides a text area where text shouldn't be entered, but if that is the case how is the text entered on the form.

Here is the form section of the file.

 <div class="form_input"><input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" tabindex="1" /></div>
<label for="author">Name <?php if ($req) echo "(required)"; ?></label>

<div class="form_input"><input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" tabindex="2" /></div>
<label for="email">Mail (will not be published) <?php if ($req) echo "(required)"; ?></label></p>

<div class="form_input"><input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" tabindex="3" /></div>
<label for="url">Website</label></p>



<?php endif; ?>

<!--<p><small><strong>XHTML:</strong> You can use these tags: <?php echo allowed_tags(); ?></small></p>-->

<p><textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea></p>

<p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
</p>
<?php do_action('comment_form', $post->ID); ?>

Why not just use CSS to style the actual text field to look like the underlying images and then you can just do away with the background?

Hey Stoot, I dont see how I can change the look of that grey box when it is a standard html text 'box'...... or am I wrong in that assumption?

Cheers

Aha, reading the text on your image it looked as if you had a working method of getting user input withou the text field (there is BTW but it will only work in IE)

Just make the input box effectively invisible.

<div id="input" style="height:30px;width:20%;background-color:orange;">
<input type="text" style="background-color:transparent;height:100%;width:100%;border:0px;">
</div>

Thanks Chris,

Am now looking into that?