Css 左输入上的对齐图标

我有一个我想解决的问题，当我将对齐设置为左侧时，日期图标不会移动图标尝试了所有方法，没有任何好处，但与我一起工作转换，但它需要在所有屏幕上重新响应，我必须在所有屏幕上执行此操作

.zsg cp，
.zsg日期选择器包装器{
职位：相对
}
.zsg日期选择器包装.zsg日期选择器链接{
颜色：#006AFF；
字号：1.34em；
线高：1；
位置：绝对位置；
左：7px；
顶部：5px
}

---

用你自己的CSS类试试这个

。输入容器{
显示：-ms flexbox；
/*IE10*/
显示器：flex；
宽度：100%；
边缘底部：15px；
}
.图标{
填充：10px；
背景：道奇蓝；
颜色：白色；
最小宽度：50px；
文本对齐：居中；
}
.输入字段{
宽度：100%；
填充：10px；
大纲：无；
}

请为css添加完整的代码，而不仅仅是html。为什么要添加内联css？不要害怕把它放在你的样式表中。另外，你有一个不可运行的例子，你也没有说图标应该在哪里…这张照片我希望代码工作，并更正了上面的代码，但是日期的文本在我旁边，我希望文本日期是正确的