Removing the shadow from a button
LarsChung
The button I want is the one at bottom, but the one I have is the top.
The problem arises from the fact that the top button in HTML:
<form class="button_to" method="get" action="/"><input type="submit" value="Ok" /></form>
and the bottom button in HTML:
<button type="button">Ok</button>
The CSS for the top button is:
.signup-success input[type="submit"],
.signup-success input[type="submit"]:active,
.signup-success input[type="submit"]:focus {
width: 80%;
background: transparent;
color: #00AA66;
border-color: #00AA66;
}
The CSS for the bottom button is:
.signup-success button,
.signup-success button:active,
.signup-success button:focus {
margin-top: 15px;
width: 80%;
background: transparent;
color: #00AA66;
border-color: #00AA66;
}
If it helps the top button is generated from rails .erb extension
<%= button_to "Ok", root_path, :method => :get %>
Help me to get my top button look like bottom button. I've tried to put in code that disable shadows in CSS, but it didn't work :(
Jevgenijs Šulins
Use border-style:
.signup-success input[type="submit"],
.signup-success input[type="submit"]:active,
.signup-success input[type="submit"]:focus {
width: 80%;
background: transparent;
color: #00AA66;
border-color: #00AA66;
border-style: solid;
}
or combined version (border-style, border-width and border-color in one):
border: 2px solid #00AA66;
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
- Prev: How to solve 'node-gyp rebuild' issue on Windows 10?
- Next: Chart.js is not respecting my container dimensions
Related
Related Related
- 1
Removing shadow from button WPF
- 2
Removing the drop shadow from a Scaffold AppBar in Flutter?
- 3
Removing default shadow from search box
- 4
Removing box shadow from element using jquery
- 5
Removing box shadow from element using jquery
- 6
Removing up button from Actionbar
- 7
CSS triangle and box shadow removing from a specific area
- 8
Removing the shadow created by a dialog
- 9
iOS - Removing UITabBarViewController Shadow
- 10
Removing button from Angularjs UI bootstrap datepicker
- 11
Removing padding from toggle button in Android
- 12
Removing Item From Basket Opencart Custom button
- 13
Removing image from button misplaces text
- 14
Removing the cancel button from Custom camera
- 15
Removing the little box from a toggle button
- 16
Removing button from Angularjs UI bootstrap datepicker
- 17
Removing Item From Basket Opencart Custom button
- 18
Removing image from button misplaces text
- 19
Removing the 'selection' from a radio button in a listview control
- 20
Removing the little box from a toggle button
- 21
Removing item from Datagrid view with delete button
- 22
Remove shadow from ActiveX Option Button in Excel 2010 VBA
- 23
Removing Bottom Shadow Bootstrap Navbar
- 24
Removing bottom shadow on ActionBar - Android
- 25
Android - removing shadow on pressed animation
- 26
Django 1.7 removing Add button from inline form
- 27
Removing clone button from the parent div and updating code
- 28
removing one pixel "border-radius" from button link
- 29
Removing checkboxes from local storage with 'Unselect All' button
Comments