<style> .input{ resize: both; } </style> <body id="body"> <div id="left_side"> <ul> <li>修改已退备注</li> </ul> </div> <div id="right_side"> <form action="/do_change_yitui" method="post"> <!-- 定义一个多行的文本输入--> 已选择的运单号: <br> <input class="input" type="text" name="yundanhao" value="{{ids}}" >css为什么不生效
时间: 2023-09-27 18:06:11 浏览: 110
#include<vector> 的用法
你的 CSS 选择器有问题。你使用了 `.input` 作为选择器,但是这个选择器只适用于 input 元素的 class 属性为 `input` 的情况。而在你的 HTML 代码中,input 元素的 class 属性是空的,因此样式规则并没有生效。
如果你想让所有的 input 元素都具有自动调整大小的功能,可以将选择器改为 `input[type="text"]`,如下所示:
```html
<style>
input[type="text"] {
resize: both;
}
</style>
<body id="body">
<div id="left_side">
<ul>
<li>修改已退备注</li>
</ul>
</div>
<div id="right_side">
<form action="/do_change_yitui" method="post">
已选择的运单号:<br>
<input type="text" name="yundanhao" value="{{ids}}">
</form>
</div>
</body>
```
这样,所有的 input 元素(包括多行文本输入框)都会具有自动调整大小的功能。
阅读全文