Example?

Please find the attachment.

I am using browse button, to upload a file. When I click on upload button with out selecting the file. The view of the button is weird, as shown in the attachment.

Expected: I don't what the red lining around the browse button, when I click on the upload button without selecting the file through browse button.I just want a pop up saying "please select a file".

Note": My browse button is same as "Choose File" button on this forum.

Is there anyway to solve this through my html code or through CSS ?

Thanks in advance.Waiting for a quick reply

Forgot to mention that I am using Firefox . 30.0

Is it possible that this field is "required" and is being styled by a rule for input:required in your CSS? That's not new in Firefox 30, but maybe it was tweaked (there are hundreds of changes in each release...). Otherwise, it's hard to think of why you would have a ring after using the control and not before.

I am very new to html and web styling . I understood the problem. So as per your reply can you please clarify me whether I can do anything from server side or not ?

Thanks in advance

Yes, I am using this field as "required" in html.but the red border is viewed when I click on the upload button without selecting the file through browse button.If I use:

input:required:focus { border: 0; };

I think , this will act when clicked on the browse button but not when I clicked on upload button.

Note: In the below attachment I am getting the red border around the browse button, when I click on the upload button.but not on the browse button

I don't have experience with this particular set of attributes and style rules, that was just a guess. It would be helpful to have a test case demonstrating the problem (without having to purchase Ooma to test it...). If you use a site like jsfiddle.net, can you replicate the problem?

Thanks. I am able to fix the problem.Your replies helped me to solve the issue.

Thanks once again