Question

我想合并两个文本框并将它们排成一行，以便它们看起来像一个。目的是使左侧框保持禁用内容不变，右侧框可编辑。

这是我的css：

.mergeInputLeft
{
    border-right-width: 0;
    float:left;
    background-color : white;
    border-style: solid none solid solid;
    border-color:#999;
    border-width:1px;
}

 .mergeInputRight
{
    border-left-width: 0;
    border-style: solid solid solid none;
    border-color:#999;
    border-width:1px;
}

提供服务。但是这些框看起来与表单上的其他框略有不同，因为它们现在在顶部和右/左边框上具有微弱的内部阴影。它看起来很奇怪。我已经检查了其他类似的问题，但大多数解决方案都是完全删除边框。

任何建议！

有一个类似的问题。然而，任何人都想知道这就是我所做的：

var file = require('custom.json');

if (file.option) {
...
}

Answer 1

您只需要删除边框，例如将边框宽度设置为0.在您的情况下，将各种样式应用于其他边框，这可能会导致问题。这应该足够了：

.a {
  border-right-width: 0;
}
.b {
  border-left-width: 0;
}

<input class="a" disabled value="Fixed text"><input class="b">

删除文本框的左边框会在顶部和右边框上产生阴影

1 个答案: