Twitter bootstrap 如何将第二个边框添加到响应文本区域?

Twitter bootstrap 如何将第二个边框添加到响应文本区域?,twitter-bootstrap,css,Twitter Bootstrap,Css,我正在使用twitter bootstrap 3.2.0 以下是代码: .textarea textarea{ 背景色:白色; 背景图像:url(“http://ello.96.lt/images/as.jpg"); 线高:1.56em; 左侧填充:4.2米; 右侧填充:0.3em; 边框:实心1px#525252; } 请在下面留下您的一些联系方式 发送 这将使文本区域下方出现红色边框。在块元素(div)上附加:before和:after,而不是在textarea上(这可能是您尝试过但

我正在使用twitter bootstrap 3.2.0 以下是代码:

.textarea textarea{
背景色:白色;
背景图像:url(“http://ello.96.lt/images/as.jpg");
线高:1.56em;
左侧填充:4.2米;
右侧填充:0.3em;
边框:实心1px#525252;
}

请在下面留下您的一些联系方式
发送

这将使文本区域下方出现红色边框。在块元素(div)上附加:before和:after,而不是在textarea上(这可能是您尝试过但没有成功的方法)。我还建议您在textarea本身周围放置一个div,宽度为:auto,这样您的边框将根据您的textarea进行缩放,而不是包含标签的.textarea div

我在textarea周围添加了一个wrapper元素,然后使用一个伪元素在底部制作了更窄的边框

.textarea textarea{
背景色:白色;
背景图像:url(“http://ello.96.lt/images/as.jpg");
线高:1.56em;
左侧填充:4.2米;
右侧填充:0.3em;
边框:实心1px#525252;
}
.jbutler483{
位置:相对位置;
显示:内联块;
}
.jbutler483:之前{
内容:“;
位置:绝对位置;
底部:-1px;
右:1px;
宽度:100%;
背景图像:url(“http://ello.96.lt/images/as.jpg");
高度:计算(100%-4px);
z指数:-1;
边框:2倍纯色灰色;
}

请在下面留下您的一些联系方式
发送
只需添加此css即可

.textarea textarea {
    background-color: white;
    background-image: url("http://ello.96.lt/images/as.jpg");
    line-height: 200%;
    padding-left: 75px;
    padding-right: 0.3em;
    border: solid 1px #525252;
}

这里的问题是
。textarea
不仅包含textarea元素,还包含label文本。我确实尝试了你所做的。。它对我不起作用;(这里是工作链接:@Professor.CSS:是的,我提到它也包含标签,因此不会达到完全想要的效果。@只需一分钟,我将检查link.textarea.form组:在{content:'';position:absolute;width:100%;bottom:-4px;left:0;border bottom:1px solid#000;}之前)将在您的内容下方添加边框。左侧边框在哪里?他们应该使第二页生效推送:运行代码段,但在网站中它是不受攻击的;/@Justas:请查看包含的左边框编辑。至于在此处工作而不是在您的网站上工作,可能是z索引方面的堆叠问题。我标记了您的answ呃,这是最好的。但这并不是它应该做的。如果你想,你可以检查:
.textarea textarea {
    background-color: white;
    background-image: url("http://ello.96.lt/images/as.jpg");
    line-height: 200%;
    padding-left: 75px;
    padding-right: 0.3em;
    border: solid 1px #525252;
}