18910140161

html-如何更改输入文本表单的文本截断?-堆栈溢出

顺晟科技

2022-10-19 13:43:16

123

如何更改输入窗体的文本剪断?我尝试向css添加一个“padding-right”标记,但它改变了整个表单的样式,而不仅仅是[type=text]样式。对不起,如果这是相当模糊的,我不知道它叫什么。

这是文本被切断的长度,我想扩展它,但我不知道如何扩展。

以下是CSS代码:

.title-input-style {
    padding-right: 15vh;
    padding-top: 1vh;
    padding-bottom: 1vh;
    border:none;
    border: 2px solid #47d680;
    border-radius: 4px;
    background-color: #dbffea;
}

.title-input-style::placeholder {
    font-size: large;
    padding-right: 15vh;
}

.title-input-style:focus {
    background-color: #c7ffde;
    outline: none;
    border: 2px solid #47d680;
}

.title-input-style[type=text] {
    font-size: large;
    padding-left: 1vh;
}

顺晟科技:

文本输入有一个设置的宽度/高度,只会隐藏溢出的内容。textarea将添加滚动条,如果你延伸超过它的高度。您也可以在textarea上设置and参数。https://www.w3schools.com/tags/tag_textarea.asp。也许这就是您正在寻找的。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航