HTML form submit button with custom image has background image with joomla

StackOverflow https://stackoverflow.com/questions/23485365

  •  16-07-2023
  •  | 
  •  

Question

I am using Joomla

My Form button with a image has a background image behind it - where is it coming from?

Is this a default for a form submit button? Is it something Joomla does?

https://i.stack.imgur.com/xrqLZ.png

    .wrap
{
text-align:center;
  margin-left: 0px;
  margin-right: auto;
  width: 50%;
  height: 50%;
}
div.signupButton input {
    background:url(../../images/signup.png) no-repeat;
    cursor:pointer;
    width: 303px;
    height: 72px;
    border: none;
}

div.signinButton input {
    background:url(../../images/login.png) no-repeat;
    cursor:pointer;
    width: 303px;
    height: 72px;
    border: none;
}

the html code:

<html>
<body>
<link rel="stylesheet" href="php_scripts/css/homesign.css" type="text/css">
<form action="http://.." method="post">
<div class="signupButton"><INPUT type="submit" name="" value=""></div>
</form>
</body>
</html>
Was it helpful?

Solution 

div.signupButton input { 
background: url(../../images/signup.png) no-repeat; 
cursor: pointer; 
width: 303px; 
height: 72px; 
border: none; 
border-radius: 0; 
-webkit-box-shadow: none; 
box-shadow: none; 
}
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top