Sunday 13 September 2015
Thursday 10 September 2015
Beautiful HTML buttons with simple css
<html>
<head>
<style>
input:hover, button:hover {
background:white;color:black;
}
.btn{
box-shadow: 10px 10px 5px#888888; width:200px; height:50px; background:black; color:white; border-radius:5px;
}
</style>
</head>
<body>
<input type="button" value="button" class="btn"></input>
<button class="btn">Home</button>
<button class="btn">Contact</button>
<button class="btn">Help</button>
</body>
</html>
<head>
<style>
input:hover, button:hover {
background:white;color:black;
}
.btn{
box-shadow: 10px 10px 5px#888888; width:200px; height:50px; background:black; color:white; border-radius:5px;
}
</style>
</head>
<body>
<input type="button" value="button" class="btn"></input>
<button class="btn">Home</button>
<button class="btn">Contact</button>
<button class="btn">Help</button>
</body>
</html>
Put cursor at end of text input's value
<input type="text" style="text-align:right;" onfocus="this.value = this.value;" value="120" autofocus="autofocus">
Example:
Source: http://stackoverflow.com/questions/17780756/put-cursor-at-end-of-text-inputs-value
Subscribe to:
Posts (Atom)