用段落標記替換輸入文本

我有一個使用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

回答