问获取特定组件的宽度，并使用css将其宽度提高到当前宽度的一定百分比
EN

Stack Overflow用户

提问于 2016-03-10 11:07:26

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

是否可以仅使用CSS将html组件(例如文本字段)的宽度提高到其当前宽度的某个百分比。

当前宽度=10 Eg；新宽度应该是当前宽度* 2。

我们可以使用css实现这一点吗？

html

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-03-10 12:42:00

如果我理解你的问题是正确的，它不可能只使用css。当用户将字段本身聚焦时，您唯一能做的就是放大您的字段。

就像这里，例如css：柱塞

input[type=text] {


width: 100px;
  height:20px;
  -webkit-transition: width .35s ease-in-out;
  transition: width .35s ease-in-out;
}
input[type=text]:focus {
  width: 250px;
  height:100px;
}

而html：

    <!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
  Search: <input type="text" name="search">
  </body>

</html>

如果你想放大你的文本框，如果用户在按钮或类似的东西上使用klicks，你必须使用javascript。但这并不难。

票数 0

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

原文链接：

https://stackoverflow.com/questions/35914701

复制

相似问题

问获取特定组件的宽度，并使用css将其宽度提高到当前宽度的一定百分比
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问获取特定组件的宽度，并使用css将其宽度提高到当前宽度的一定百分比EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问获取特定组件的宽度，并使用css将其宽度提高到当前宽度的一定百分比
EN