Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/397.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript CSS:如何制作可选框?_Javascript_Css - Fatal编程技术网

Javascript CSS:如何制作可选框?

Javascript CSS:如何制作可选框?,javascript,css,Javascript,Css,假设我有一张200x200的图片。然后假设我想要一个“盒子”,从坐标20px乘20px一直到50px乘50px(基本上是一个30x30的盒子)。我希望用户能够“选择”这个30x30的框,就像GMail的PDF查看器允许用户选择包含文本的框一样 在这个框中,我想输入文本——但我不想让这个文本是可选择的(因此,允许用户选择单个字符,等等)。我只希望包含框是可选择的——当用户复制时,他们会复制里面的文本 这在CSS中可能吗?如果是,怎么做?不,使用css是不可能的,您需要使用javascript操作图

假设我有一张200x200的图片。然后假设我想要一个“盒子”,从坐标20px乘20px一直到50px乘50px(基本上是一个30x30的盒子)。我希望用户能够“选择”这个30x30的框,就像GMail的PDF查看器允许用户选择包含文本的框一样

在这个框中,我想输入文本——但我不想让这个文本是可选择的(因此,允许用户选择单个字符,等等)。我只希望包含框是可选择的——当用户复制时,他们会复制里面的文本


这在CSS中可能吗?如果是,怎么做?

不,使用css是不可能的,您需要使用javascript操作图像。看看jquery和可用的插件,您可能会发现一些可以根据您的需求设置复选框样式的东西。

标记
javascript
,您需要一些JS。