<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 class="input" type="text" name="yundanhao" value="{{ids}}" >为什么css不生效

你的 CSS 选择器有错误。你使用了 `.input[type="text"]` 作为选择器，但是实际上你的 input 元素的 class 属性是 `input`，不是 `.input`。因此，你需要将选择器改为 `.input[type="text"]` 或者将 input 元素的 class 属性改为 `input`。修改后的代码如下所示： ```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 class="input" type="text" name="yundanhao" value="{{ids}}"> </form> </div> </body> ``` 这样，input 元素的大小将会自动根据输入的文本内容进行调整。

</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}}" > <br> <br> <input type="text" name="beizhu" placeholder="点此输入备注"> <br> <br> <input type="submit" value="提交"> </form>为什么css未生效

根据您提供的代码，缺少`<head>`标签，这可能会导致CSS样式无法正确加载。请确保在HTML文档中添加<head>和</head>标记，并将CSS样式放置在<head>标记之间，例如： ``` <!DOCTYPE html> <html> <head> <style> input[type="text"] { resize: both; } </style> </head> <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}}" > <br> <br> <input type="text" name="beizhu" placeholder="点此输入备注"> <br> <br> <input type="submit" value="提交"> </form> </div> </body> </html> ``` 如果仍然无法生效，请确保CSS样式文件的路径正确，并检查浏览器控制台是否有任何错误消息。

{% extends 'base.html' %} {% block title %}修改已退备注{% endblock %} {% block main %} <html> <head> <style> input[type="text"] { resize: both; } </style> </head> <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}}" > <br> <br> <input type="text" name="beizhu" placeholder="点此输入备注"> <br> <br> <input type="submit" value="提交"> </form> </div> </body> </html> {% endblock %}为什么css不生效

根据您提供的代码，CSS样式文件中的样式可能不会生效，因为您没有将它们包含在`<style>`标记中。这是因为您使用了Django模板语言，而`<style>`标记在模板文件中被视为普通文本，因此CSS样式不会被正确解析。要使CSS样式生效，请将它们放置在base.html文件中的`<head>`标记中，例如： ``` <!DOCTYPE html> <html> <head> <title>{% block title %}{% endblock %}</title> <style> input[type="text"] { resize: both; } </style> </head> <body> {% block main %}{% endblock %} </body> </html> ``` 然后在您的模板文件中，使用`{% extends %}`指令扩展base.html文件，并在`{% block main %}`标记中包含您的页面内容。这样，您的CSS样式将被正确加载并应用于页面。

相关推荐

用meta实现的页面跳转代码

Redactor.js-Plugins-Resize:Redactor.js 拖放调整大小插件

qull.min.js,image-resize.min.js，uniappH5端editor富文本报错问题

<style> input { resize: both; } </style>没有效果

<label class="label" for="eventDesc" id="labelheight" :style="height:100%"> </label> 使用vue修改改动态样式，当id为eventDesc的高度为65px时，label标签高度为100%否则则为原来的高度60px，请给出例子

ng.cork.ui.textarea-auto-resize:提供在用户输入或程序更改时调整文本区域大小的指令

ngx-echarts：ECharts的angular（ver> = 2.x）指令（ver> = 3.x）

最新推荐

chromedriver-win64_116.0.5840.0.zip

基于Java Servlet实现的灾情控制系统.zip

计算机毕业设计-求职与招聘.zip

保险服务门店新年工作计划PPT.pptx

管理建模和仿真的文件

MATLAB图像去噪最佳实践总结：经验分享与实用建议，提升去噪效果

InputStream in = Resources.getResourceAsStream

车辆安全工作计划PPT.pptx

"互动学习：行动中的多样性与论文攻读经历"

MATLAB图像去噪行业应用：从医疗到遥感，解锁图像去噪的无限潜力