写页面时遇到的部分html问题|集创考核第4篇笔记

在笔记页遇到的关于html的部分问题

• 在写笔记时使用了input进行标签的设置，但是观察了掘金原网页的设计后发现，其标签上的placeholder的文字样式是与输入后不同的，而直接对input的设置样式的话只能达到两者样式相同的效果
  • 在文档查询后发现，想要获取到input的placeholder的字体样式的话，需要使用input::-webkit-input-placeholder这行代码来获取，然后再绑定样式，代码如下

这是未输入前

这是输入后的样式

//该代码可获取到input的placeholder属性样式
#app::-webkit-input-placeholder{
    color: red;
}