Div 按钮包装宽度？

Question

首先post在这里。我有一个名为 sellerdeck 的购物车软件，以前是 actinic。涉及很多不同的代码。

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

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

这段代码创建了一个带有白色文本的小矩形绿色按钮，上面写着"Add to Cart"文本是从我软件中其他地方的代码中提取的。

<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>

任何帮助都会很棒，我已经尝试填充并设法让顶部填充起作用，但仅此而已。

迈克尔

Answer 1

按钮宽度可以通过css class简单设置。如果宽度未按预期显示，则可能 specificity.

存在问题

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

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

重要说明：所有样式都应尽可能放在您的样式 sheet 中，而不是 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>

Div 按钮包装宽度？

Div Button wrapper width?

html

css

button

wrapper

actinic