1

第一次在这里发帖。我以前有一个名为sellerdeck的购物车软件。涉及很多不同的代码。

我有一个按钮包装器，其中插入了预定义的文本。我正在尝试将按钮的宽度更改为固定宽度，但我尝试的几乎所有东西，从我在这里和其他地方找到的信息，都会破坏代码，按钮要么消失，要么不起作用，要么缩小到大约 10px。

是否可以在以下代码中设置宽度，或者我可能必须在我的软件中的其他地方进行设置？

这段代码创建了一个带有白色文本的小矩形绿色按钮，上面写着“添加到购物车”，文本是从我软件中其他地方的代码中提取的。

<div class="button-wrapper cart-button-wrapper">
  <input value="<Actinic:Variable Name="CartButtonText"/>" name="_<Actinic:Variable Name="ProductID"/>" type="submit" class="button cart-button" onclick="return ValidateChoices('<actinic:variable name="ProductID" />');"/>
</div>

任何帮助都会很棒，我已经尝试过填充并设法让顶部填充起作用，但就是这样。

迈克尔

4

1 回答 1

0

按钮宽度可以通过 css 类简单地设置。如果宽度未按预期显示，则可能存在特异性问题。

要测试该类是否在代码中的其他地方被覆盖，您可以添加!important到您的类属性或添加inline style属性以增加项目的特异性。

例如 <input style="width:150px;"/>

重要说明：所有样式都应尽可能放在样式表中，而不是放在 html（内联）中。

如果宽度现在适用，那么它将在其他地方被覆盖。

我建议您使用浏览器调试器(f12)来查看哪种样式优先。

.button-wrapper{
  width:150px;
  height:40px;
  font-size:16px;
  display:block;
}
.button-wrapper input{
  height:100%;
  width:100%;
}
<div class="button-wrapper cart-button-wrapper">
  <input value="CartButtonText" type="submit" class="button cart-button"/>
</div>

于 2016-01-29T14:13:59.453 回答