बटन से छाया को हटाकर

Question

मैं जिस बटन को चाहता हूं वह नीचे है, लेकिन मेरे पास सबसे ऊपर है।

समस्या तथ्य HTML में शीर्ष बटन है कि से उत्पन्न होती है:

<form class="button_to" method="get" action="/"><input type="submit" value="Ok" /></form> 

और HTML में नीचे बटन:

<button type="button">Ok</button> 

शीर्ष बटन के लिए सीएसएस है :

.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; 
} 

नीचे बटन के लिए सीएसएस है:

.signup-success button, 
.signup-success button:active, 
.signup-success button:focus { 
    margin-top: 15px; 
    width: 80%; 
    background: transparent; 
    color: #00AA66; 
    border-color: #00AA66; 
} 

यह मदद करता है शीर्ष बटन रेल .erb विस्तार

<%= button_to "Ok", root_path, :method => :get %> 

मदद मुझे मेरी शीर्ष बटन नीचे बटन की तरह लग रहे प्राप्त करने के लिए से उत्पन्न होता है। मैं कोड है कि सीएसएस में छाया को निष्क्रिय में डालने की कोशिश की है, लेकिन यह काम नहीं किया :(

Answer 1

उपयोग सीमा शैली:

.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; 
} 

या संयुक्त संस्करण (सीमा शैली, सीमा-चौड़ाई और एक में सीमा-रंग):

border: 2px solid #00AA66;