Javascript 为特定部分重建css，并在需要时应用jquery

我正在尝试做一些css增强，我需要改变它的显示方式，以便在外部页面上显示

这是URL:

<div class="group_l"><label>Area</label><br><select>

现在它显示为：

Area
{select field}

我希望它显示为：

Area: {select Field}

我知道有标签，我想我们可以用jquery或css删除，不管是什么方法，我想用它

并应用：后区域

还有一件事：我的选择是显示150像素；如果选项数据包含1,2,3,4，则如何根据选项数据使其成为动态的。它应该只有那个宽度

谢谢

这是我想你要找的一些东西

.group_l {
  display: inline-block;
  padding-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  text-align: left;
}
.group_l br {
  display: none;
}
.group_l label:after {
  content: ": ";
}

---

试着这样做：

---

是断线。这就是为什么正如你提到的那样。这应该在你的密码里吗。你的html也不完整。你打算发布第一部分吗？我刚刚发布了部分代码。。。是的，我现在还不能控制它，你说的“不能控制它”是什么意思？你不能更改源文件吗？不，因为它来自外部源谢谢，如果我在标签后面有br，那么会有什么额外的代码呢？因为你希望标签和输入/选择显示在一行中，br不能从代码中删除，我们只是用display隐藏它：无；为什么我问，在某些情况下说：我已经更新了代码笔，试图帮助解释。br在标签后面。

.group_l {
  display: inline-block;
  padding-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  text-align: left;
}
.group_l br {
  display: none;
}
.group_l label:after {
  content: ": ";
}

var current = $(".group_l").clone();

current.find("label").text(current.find("label").text() + " : ");

current = current.html();

var regex = /<br\s*[\/]?>/gi;
current = current.replace(regex, "");

$(".group_l").html(current);