webdevRefinery Forum: How to get rid of the submit button black border in Opera? - webdevRefinery Forum

Hide message

Show message

Welcome!

Mean coders suck. Learn from nice ones.

Join up (it's free!) whether you're just starting out or you're crazy advanced. Get tips from people who know what they're talking about, without being treated like the playground smelly kid. Because seriously, your school classes didn't teach you anything you wanted to know.

Hide message

View New Content
Pick a background

Cartoon Clouds Mountains Sunrise Clouds Green Clouds None

Page 1 of 1

You cannot start a new topic
You cannot reply to this topic

Rate Topic:

Hermes

Group: Members
Posts: 77
Joined: 02-May 11

Posted 05 June 2012 - 09:12 PM (#1)

How to get rid of the submit button black border in Opera?

Hi,

Here's a sample form:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Sample Form</title>
<style type="text/css">
* {outline:none;}
input#send {width:80px; height:20px; padding:0; border:1px solid green;}
</style>
</head>
<body>
<form action="">
Name <input type="text">
<input id="send" type="submit" value="Submit">
</form>
</body>
</html>

Many thanks for any help!
Mike

TheEmpty

I say words in sequences.

Group: Members
Posts: 5154
Joined: 02-October 10
Expertise:HTML,CSS,PHP,Java,Javascript,Python,Ruby on Rails,SQL

Posted 05 June 2012 - 09:24 PM (#2)

css, border: 0 if it's a border.

Reserved.

Hermes

Group: Members
Posts: 77
Joined: 02-May 11

Posted 05 June 2012 - 09:41 PM (#3)

ThatRailsGuy, on 05 June 2012 - 09:24 PM, said:

css, border: 0 if it's a border.

I'm not going to remove the border as I'd like to play with the button on focus:

input#send:focus {border-color:red;}

TheEmpty

I say words in sequences.

Group: Members
Posts: 5154
Joined: 02-October 10
Expertise:HTML,CSS,PHP,Java,Javascript,Python,Ruby on Rails,SQL

Posted 05 June 2012 - 11:19 PM (#4)

Hermes, on 05 June 2012 - 09:41 PM, said:

I'm not going to remove the border as I'd like to play with the button on focus:

input#send:focus {border-color:red;}

border syntax is

border: 2px solid red;

Reserved.

Cyril

Group: Members
Posts: 2544
Joined: 03-August 10
Expertise:HTML,CSS,PHP,Javascript,Graphics

Posted 06 June 2012 - 12:18 AM (#5)

outline: none;

website :: github :: twitter :: dribbble :: ~~forrst~~
html, css, php, javascript, graphics

Hermes

Group: Members
Posts: 77
Joined: 02-May 11

Posted 06 June 2012 - 04:32 AM (#6)

Cyril, on 06 June 2012 - 12:18 AM, said:

outline: none;

As you see I've already put it into the style, but it doesn't help.

DisneyRicky

Group: Members
Posts: 57
Joined: 17-June 10
LocationCalifornia
Expertise:HTML,CSS,Graphics

Posted 14 August 2012 - 04:32 AM (#7)

I think your css style is incorrect.
It will need to be border: <size in pixels> <solid/dashed> <color>;

They format you're using is wrong.

As you can see, it works fine on some browsers, but on older ones, they tend to mess up, because they follow specific guidelines.