如何更改 Sharepoint 中的表单字段宽度？答案

【问题标题】：How to Change Form Field Width in Sharepoint?如何更改 Sharepoint 中的表单字段宽度？
【发布时间】：2017-03-28 16:43:10
【问题描述】：

我是编码新手，并且对 javascript 非常陌生，因此我的任务是尝试维护由其他人创建的 SharePoint 表单。我对 SharePoint Designer 或 Javascript 不太熟悉。我需要做的就是更改 SharePoint 列表中表单域的宽度。这是我试图提出的代码......很确定它甚至没有接近。

$('select[id^="Metric_x0020_Name"')("<style>=width: 602px;");

【问题讨论】：

标签： javascript css forms list sharepoint

【解决方案1】：

使用 jQuery

$('#Metric_x0020_Name').css('width', '602px');

也许尝试使用 CSS 来调整样式？它看起来像这样

#Metric_x0020_Name{
  width: 602px;
}

将此放在 SharePoint 特定样式之后。如果不覆盖当前存在的内容，您可能需要增加 CSS 的特异性。在 Google Chrome 中，您可以通过右键单击元素然后检查来查看使用的样式。

【讨论】：

感谢您的回答！我尝试了这两个建议，但仍然无法覆盖它。我检查了 Chrome 中的样式并得到了这个<select id="Metric_x0020_Name_e2f3e5ef-aaff-4852-b4f3-aedd23678d53_$LookupField" title="Metric Name"><option selected="selected" value="0">(None)</option><option value="403">
使用 CSS 而不是像 @Chad 建议的 JavaScript/jQuery 可能是最好的方法。 CSS selectors 让您可以定位几乎任何 HTML 元素。要在示例 HTML 中获取 select 元素，而不是其 ID，您可以通过其 title 属性获取它：[title="Metric Name"]{width:602px;}（在更少的浏览器上支持通过部分属性值获取元素，效率较低，并且更有可能比通过完整的属性值抓取元素给您带来意想不到的结果。）
太棒了！非常感谢你的帮助！我终于让它工作了。