2016-06-13 74 views
-1

我们有“订阅”按钮,这里的宽度,减少“订阅”按钮

enter image description here

但我们要减少额外的宽度和要显示为想在这个

enter image description here

我们使用相同的代码在两个

.footer .block-subscribe .actions { 
    float: left; 
    width: 34.375%; 
    margin: 0; 
} 

.footer .block-subscribe .input-box { 
    float: left; 
    width: 65.625%; 
    padding-top: 0; 
} 
+0

这段代码有什么问题? –

回答

1

使用下面的代码并根据需要调整填充。希望这会帮助你。谢谢。

button 
 
{ background: #ff7704; 
 
    border: none; 
 
    color: #fff; 
 
    padding: 7px 50px;}
<button type="submit" title="Subscribe" class="button"><span><span>Subscribe</span></span></button>

+0

它在'padding:7px 41px之后没有减少41px;'如果我减少到41以下,它就不能工作。 – fresher

+0

你的意思是填充不添加后7px 41px? –

+0

是的,当我试图从41减少到40,39,38等时,它不会减少。请检查 – fresher

1

您已填充左侧和右侧填充 。按钮填充左侧:40px; padding-right:40px; }

+0

是我需要删除这个或添加:'padding-left:40px; padding-right:40px;'也请你帮我找出这段代码的行号 – fresher