文章/答案/技术大牛

发布

问尝试使用autoResize
EN

Stack Overflow用户

提问于 2012-03-24 09:14:38

回答 1查看 100关注 0票数 0

我有一个简单的文本区域。当它没有被选中时，我希望它看起来像一个成品(即边向文本逐渐变细)。我还想让用户更改宽度。如何使用自动调整大小插件来执行此操作？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Pathway Builder</title>
    <link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>

    <textarea class="text_field_not_selected"></textarea>

    <script src="jQuery.js" type="text/javascript"></script>
    <script src="selectors.js" type="text/javascript"></script>
</body>
</html>

javascript/jQuery

$('textarea').bind('focusin blur', function() {
    $(this).toggleClass('text_field_not_selected');
});
$('textarea').autoResize();

css

body {
    display: block;
}

textarea:focus {
    outline:  none;
    text-align: center;
}

.text_field_not_selected {
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-box-shadow: 0px 3px 5px #444;
    -webkit-box-shadow: 0px 3px 5px #444;
    padding: 5px;
}

javascript

jquery

html

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-03-24 09:32:33

对于第一部分，您可以使用类似于

border-style: none;

对于第二部分，您只需单击并拖动文本框的右下角并调整其大小

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/9848301

复制

相似问题

问尝试使用autoResize
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问尝试使用autoResizeEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问尝试使用autoResize
EN