用段落标记替换输入文本

我有一个使用CSS输入文本和框的基本颜色演示文稿，我只使用输入文本实现它，你可以看到这个fiddle，我想做同样的调整，但不使用输入文本，我需要做的，只显示为<p>标签用段落标记替换输入文本

我尝试用段落标签来代替输入，但它disadjust这样fiddle

帮助是非常赞赏。问候

2017-06-23 Pepe

你已经添加了填充到你输入标签，当你将它们转换为段落时遗漏了。所以只要将它们添加到您的段落这样的标签，

.input-color p { 
    padding-left: 25px; 
}

如果您仍然希望他们有一样的外观你可以添加背景色，边框和文本框足够的宽度，衬垫和边距。

2017-06-23 06:08:24 Rithwik

请标记为正确的答案，并注意，如果这有帮助。 – Rithwik

假设你想保留的箱子，你可以添加这个小片段到你的CSS

p.input{ 
    width: 150px; 
    height:16px; 
    border: solid 1px #000; 
}

你必须有款有类“输入”和前你的文字能够正确显示（当然其他人有东西可以工作）。如果你想要相同的颜色，使用十六进制：＃111111，如果不是确切的颜色，它应该是相同的。只是为了看到这一点，这里是我的JSFiddle

2017-06-23 06:17:59 InvincibleM

回答