Question

首先发布在这里。我有购物车软件，名为 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>

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

迈克尔

Answer 1

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

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

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

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

如果宽度现在适用，则会被其他地方覆盖。

我建议您使用浏览器调试器 （f12） 来查看哪种风格优先。

＆＃13;

.button-wrapper{
  width:150px;
  height:40px;
  font-size:16px;
  display:block;
}
.button-wrapper input{
  height:100%;
  width:100%;
}

＆＃13;

<div class="button-wrapper cart-button-wrapper">
  <input value="CartButtonText" type="submit" class="button cart-button"/>
</div>

＆＃13;

Div Button包装宽度？

1 个答案: