Javascript 如何将日期选择器输入设置为类似段落的样式？

我制作了一个小的日历应用程序，可以在其中添加带有开始日期和重复设置的事件。因此，它可以每天、每周或每月发生。在这个片段中，如果您选择每日重复，您可以看到文本

现在我想知道是否有可能将Datefield设置为一个普通段落的样式，该段落仍然有一个下拉式日期选择器。我怎么能这么做

函数rrendClose（）{
document.getElementById（'dailyText'）。innerText=“每天发生。”；
document.getElementById（'dailyEnddate'）.style.visibility=“collapse”；
document.getElementById（'DailyDisclose'）.style.visibility=“collapse”；
document.getElementById（'showFullDaily'）.style.visibility=“可见”；
}
函数rrendOpen（）{
document.getElementById（'dailyText'）.innerText=“每天发生，直到”；
document.getElementById（'dailyEnddate'）.style.visibility=“visible”；
document.getElementById（'DailyDisclose'）.style.visibility=“visible”；
document.getElementById（'showFullDaily'）.style.visibility=“collapse”；
}

每天举行，直到
添加结束日期
&时代；

转到CSS并键入：

.row {

display: flex

}

一些变化：

• 删除与文本框相关的样式（特别是边框和填充），然后使其“继承”字体样式

• showFullDaily

  已切换为使用

  display

  属性，而不是

  visibility

  ，因为后者在可见地隐藏元素的同时，会在文本应在的位置留下空间，而display不会

• dailyText

  已从

  p

  标记更改为

  span

  ，因为1）

  p

  标记不应相互嵌套，2）

  span

  是一个内联元素，因此它自然会继续流动，而无需附加样式。所有这些更改一起允许输入元素折叠并随段落流动

函数rrendClose（）{
document.getElementById（'dailyText'）。innerText=“每天发生。”；
document.getElementById（'dailyEnddate'）.style.visibility=“collapse”；
document.getElementById（'DailyDisclose'）.style.visibility=“collapse”；
document.getElementById（'showFullDaily'）.style.display=“block”；
}
函数rrendOpen（）{
document.getElementById（'dailyText'）.innerText=“每天发生，直到”；
document.getElementById（'dailyEnddate'）.style.visibility=“visible”；
document.getElementById（'DailyDisclose'）.style.visibility=“visible”；
document.getElementById（'showFullDaily'）.style.display=“无”；
}

#每日结束日期{
边界：无；
填充：0；
字体家族：继承；
字体大小：继承；
}

每天举行，直到
添加结束日期
&时代；

只需输入并使用css删除轮廓和填充，对吗？是的，我想是这样。。我对CSS还有一些其他问题，因为它继承了一些其他元素，但我认为我能够找到所有这些元素并设置正确的样式。。谢谢：）