Hi all,can someone help to identify and remove strange blue lines in the form:

//here is the form:
<form class="getinput" method="post" action="<?php echo $_SERVER['PHP_SELF'];?>">
<table class="form">
<span>Lecturer ID</span><input name="lecturerId" type="text" id="tableField">

<span>Password</span><input name="password" type="text" id="tableField"><br/>
<input name="send" type="submit" id="sendButton" value="Submit">

here is css for it :

form.getinput    {
background: -webkit-gradient(linear, bottom, left 175px, from(#CCCCCC), to(#EEEEEE));
background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
font-style: italic;
line-height: 24px;
font-weight: bold;
color: #666666;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #999;
border: inset 1px solid #333;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

Recommended Answers

All 4 Replies

Untitled.jpg Here it is:

You can add the following style to your CSS to address the blue outline you are referring to (its not in your picture, but I assuming based on your description in the post.

input { outline:none; }

Regarding the lines ,i mean inner lines between the input fields and right on side.

Oh i see what you are referring to. it would be helpful if you would have marked your picture and also provide more information such as which browser you were using.

I tested your exact code (provided above) and opened it using three browsers (IE 11, Chrome 40, and Firefox 32) and i didnt see any lines.


Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.