Javascript 格式化jQuery移动标签及其输入框

我在jquery中有一个标签和一个输入框，希望将其格式化为特定的格式，但这看起来是不可能的。以下是我希望实现的目标：

以下是我目前拥有的HTML：

<div data-role="fieldcontain" style="width:100%;">
        <label for="name" style="background:yellow;color:black;width:5%;border-top-left-radius:10px;border-bottom-left-radius:10px;padding-right:0px;height:5%;">Text Input</label>
        <input type="text" name="name" id="name" value="" style="border-top-left-radius:0px;border-bottom-left-radius:0px;width:93%"/>
</div>

文本输入

但我一直在想：

---

如何使输入框填充屏幕，即宽度为93%，没有顶部和底部边界半径？另一个问题是文本输入标签的高度？身高：5%什么不起作用？请提供帮助？

您可以在输入上设置

数据角色=“无”

，然后使用常规CSS

这里有一个

文本输入
#特价商品{
背景#165FD1；
填充：10px 4px；
宽度：100%；
保证金：0自动；
边框：1px实心#ccc；
}
#特别事务组{
溢出：隐藏；
}
#特殊联系人标签，#特殊联系人输入{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
#专用标签{
字体大小：正常；
背景：线性梯度（#FFFF00，#D8E404）；
填充物：5px；
颜色：#333；
边框：1px实心#d4；
右边界：0；
边框左下半径：2米；
边框左上半径：2米；
线高：24px；
宽度：20%；
浮动：左；
文本对齐：居中；
光标：指针；
空白：nowrap；
}
#特殊输入{
宽度：80%；
填充：8px；
边框：1px实心#d4；
边框右下半径：2米；
边框右上半径：2米；
线高：18px；
浮动：对；
边际上限：0px；
盒影：插入0px 2px 2px#ececec；
}
#特殊输入：焦点{
大纲：0；
}

谢谢您的回复！天才！

    <div id="specialCont">
        <div>
            <label for="pub_url">Text Input</label>
            <input data-role="none" type="text" id="pub_url" name="pub_url" value="http://cssdeck.com" />
        </div>
    </div>

#specialCont {
    background: #165FD1;
    padding: 10px  4px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #ccc;
}
#specialCont div {
    overflow: hidden;
}
#specialCont label, #specialCont input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#specialCont label {
    font-weight: normal;
    background: linear-gradient(#FFFF00, #D8E404);
    padding: 5px;
    color: #333;
    border: 1px solid #d4d4d4;
    border-right: 0;
    border-bottom-left-radius:2em;
    border-top-left-radius: 2em;    
    line-height: 24px;
    width: 20%;
    float: left;
    text-align: center;
    cursor: pointer;
    white-space:nowrap;
}
#specialCont input {
    width: 80%;
    padding: 8px;
    border: 1px solid #d4d4d4;
    border-bottom-right-radius: 2em;
    border-top-right-radius: 2em;
    line-height: 18px;
    float: right;
    margin-top: 0px;
    box-shadow: inset 0px 2px 2px #ececec;
}
#specialCont input:focus {
    outline: 0;
}