Html 如何更改此文本框的大小？

我已经创建了下面的输入标签/文本框，但是它很大，并且贯穿整个页面。我是否可以改变文本框的大小，使其比当前小很多？我的代码如下：

<div class="slds-form-element">
  <label class="slds-form-element__label" for="text-input-01">Input Label</label>
  <div class="slds-form-element__control slds-input-has-fixed-addon">
    <span class="slds-form-element__addon">$</span>
    <input id="text-input-01" class="slds-input" type="text" placeholder="Placeholder Text" />
    <span class="slds-form-element__addon">%</span>
  </div>
</div>

输入标签
$
%

---

PS：我在Lightning中做这个，所以我的CSS已经安装好了。不幸的是，我不允许编辑CSS，必须找到另一种方法来调整它的大小。我觉得有人可以帮我，那真的很有帮助

如果css是绝对不可能的，您可以添加一个内联样式规则。这通常不被认为是最佳实践，但如果这就是你剩下的全部，你可能没有其他选择

输入标签
$
%

如果css是绝对不可能的，您可以添加一个内联样式规则。这通常不被认为是最佳实践，但如果这就是你剩下的全部，你可能没有其他选择

输入标签
$
%

输入、按钮、选择、文本区域{
宽度：100%；
}
输入标签
$`在此处输入代码`
%

输入、按钮、选择、文本区域{
宽度：100%；
}
输入标签
$`在此处输入代码`
%

能否向文本框添加样式属性，并在线更改宽度和高度属性？例如

如果您想避免内联css，您还可以尝试链接到其他css文件并使用！样式上的重要标记（即width:300px！important；）也不是最佳实践，但它是另一个选项。@carmouche Sweet，我继续并实现了它。您可以告诉我如何将框重新定位到我想在页面中的任何位置吗？如果您有更具体的问题，最好打开一个新问题或搜索以查看是否已回答。但是，作为一个起点，您可以尝试使用绝对定位，使用

position:absolute

您可以在文本框中添加样式属性并内联更改宽度和高度属性吗？例如

如果您想避免内联css，您还可以尝试链接到其他css文件并使用！样式上的重要标记（即width:300px！important；）也不是最佳实践，但它是另一个选项。@carmouche Sweet，我继续并实现了它。您可以告诉我如何将框重新定位到我想在页面中的任何位置吗？如果您有更具体的问题，最好打开一个新问题或搜索以查看是否已回答。但是，作为一个起点，您可以尝试使用绝对定位，使用

position:absolute

这实际上相当不错。你能告诉我怎么用CSS来做吗？我会试试看我是否能实现它..slds表单元素{width:300px；}请记住，它们可以为其中的元素设置样式规则，因此如果没有看到css，我们无法确定。不过，你也可以对这些元素做同样的处理。这实际上相当不错。你能告诉我怎么用CSS来做吗？我会试试看我是否能实现它..slds表单元素{width:300px；}请记住，它们可以为其中的元素设置样式规则，因此如果没有看到css，我们无法确定。不过，您也可以对这些元素执行相同的操作。

 <style>
            input, button, select, textarea {
    width: 100%;
}
        </style>
        <div class="slds-form-element">
  <label class="slds-form-element__label" for="text-input-01">Input Label</label>
  <div class="slds-form-element__control slds-input-has-fixed-addon">
    <span class="slds-form-element__addon">$</span>`enter code here`
    <input id="text-input-01" class="slds-input" type="text" placeholder="Placeholder Text" />
    <span class="slds-form-element__addon">%</span>
  </div>
</div>