关键词：
【中文标题】Selectable - 选择后，元素改变其外观【英文标题】：Selectable - after selection, element changes it's apperance 【发布时间】：2019-09-29 10:41:57 【问题描述】：我有一个带有可拖动 - 可克隆元素的小例子。必须先将每个元素从左上角拖到可放置区域（下面的 div）。
我想用蓝色标记所有选定的元素。当它们不再被选中时，我想将颜色恢复为黄色。
我改变所选元素的颜色：
selected: function(event, ui)
$(ui.selected).css('background-color', 'blue');
,
对于所有未选中的元素，代码相同，只是颜色不同：
unselected: function(event, ui)
$(ui.unselected).css('background-color', 'yellow');
基本上一切正常 - 唯一的问题是元素在选择后更改 - 取消选择。
原貌：
选择后 - 更宽：
取消选择后 - 它是黄色的，但更宽：
为什么它越来越宽？我唯一改变的是背景颜色。
整个例子是here
【问题讨论】：
【参考方案1】：不是你的 div 变宽了，而是你的可调整大小的添加句柄使它看起来更宽。当您从脚本中删除所有可调整大小的功能时，您不会看到这种效果。
编辑脚本的这一部分：
function setResizable(el)
el.resizable(
);
=>
function setResizable(el)
el.resizable(
autoHide: "true"
);
【讨论】：
我明白这一点，但我需要可调整大小的功能。我无法删除它。 我编辑了答案并提供了一些代码来隐藏句柄。【参考方案2】：解决方案是仅在父级上设置背景颜色。
$(ui.selected).closest('.component').css('background-color', 'blue');
这样，可调整大小元素的句柄并没有改变。
【讨论】：
Jquery UI Selectable - 选择多个元素
】JqueryUISelectable-选择多个元素【英文标题】：JqueryUISelectable-Selectingmultipleelements【发布时间】：2015-08-2903:07:03【问题描述】：我正在尝试实现一个函数来在我的应用程序中选择多个元素，但是由于我是前端开发的新手，所以我在... 查看详情
使用css3的appearance属性改变元素的外观
...落p”渲染成button的风格，也可以渲染成“输入框”、“选择框”等效果。 大家都知道每个 查看详情
改变表单元素的外观
...观webkit内核浏览器具备私有属性"-webkit-appearance"可以改变元素的外观，该属性非常强大，适合大部分标签，这对于webkit的页面优化带来极大的帮助。禁用表单input、select元素的默认外观 input,select{-webkit-appearance:none; 查看详情
按钮在选择器中不会改变其形状
】按钮在选择器中不会改变其形状【英文标题】：Buttondoesn\'tchangeitsshapeinselector【发布时间】：2015-07-1211:34:33【问题描述】：我正在尝试自定义按钮的外观。问题是，那个按钮不想改变它的形状。这意味着它仍然是尖锐的而不是... 查看详情
如何随时间改变元素的外观？
】如何随时间改变元素的外观？【英文标题】：Howtochangeelements\'appearancewithtimeoftheday?【发布时间】：2021-12-2006:40:00【问题描述】：我想根据一天中的时间更改元素的背景图像并更改标题的内容。如果时间在6点到12点之间，bg和文... 查看详情
在jquery selectable中拖动非选定的div
】在jqueryselectable中拖动非选定的div【英文标题】：Dragnon-selecteedivwithinjqueryselectable【发布时间】：2020-07-0511:15:45【问题描述】：我正在尝试使jquery可选择，它使某些元素可以使用过滤器选择，但也有一些其他具有不同类的元素可... 查看详情
使用css3的appearance属性改变元素的外观
...以反过来思路，使用“appearance”属性，来改变任何元素的浏览器默认风格，简单的说，你可以使用“appearance”属性将“段落p&rdquo 查看详情
第一次设置后导航栏外观不会改变
】第一次设置后导航栏外观不会改变【英文标题】：Navigationbarappearancedoesn\'tchangeafterafirstsetting【发布时间】：2013-11-1421:51:12【问题描述】：当应用激活时，我为导航栏的标题设置了一定的垂直偏移量：[[UINavigationBarappearance]setTitl... 查看详情
为啥当我按下刷新时，选择中的下拉箭头会改变外观和移动位置？
】为啥当我按下刷新时，选择中的下拉箭头会改变外观和移动位置？【英文标题】：WhydoesdropdownarrowinselectchangeappearanceandshiftpositonwhenIpressrefresh?为什么当我按下刷新时，选择中的下拉箭头会改变外观和移动位置？【发布时间】：2... 查看详情
在 jQuery UI Selectable 中启用 Shift-Multiselect
】在jQueryUISelectable中启用Shift-Multiselect【英文标题】：EnableShift-MultiselectinjQueryUISelectable【发布时间】：2012-03-1114:19:57【问题描述】：我想通过按住shift在jQueryUI可选表中启用多选功能。如果在鼠标点击时按住shift，我可能应该这样... 查看详情
css阶段总结
...的核心功能就是为特定的属性设定特定的值；CSS规则集：选择器：选择了一个或多个需要添加样式的元素（在这个例子中就是p元素）。要给不同元素添加样式只需要更改选择器就行了。声明：一个单独的规则，如color:red;用来指... 查看详情
特殊选择jquery Selectable
】特殊选择jquerySelectable【英文标题】：SpecialselectionjquerySelectable【发布时间】：2017-09-0309:52:51【问题描述】：我有一个日历网格（用于月份）。我想为事件选择时间段。和图片一样：图片1。图2。如何实现这样的选择（当用户用... 查看详情
PDFAnnotationSubtype 等于 .widget 的 PDFAnnotation 在将其添加到 PDFPage 后不会刷新其外观
...ype等于.widget的PDFAnnotation在将其添加到PDFPage后不会刷新其外观【英文标题】：PDFAnnotationwithPDFAnnotationSubtypeequalto.widgetisnotrefreshingitsappearanceafteraddingittoPDFPage【发布时间】：2017-10-1816:53:24【问题描述】：在向PDFPage添加注释（并 查看详情
md-option 元素在悬停和选择时更改外观和行为
】md-option元素在悬停和选择时更改外观和行为【英文标题】：md-optionelementschangeappearanceandbehaviouronhoverandselect【发布时间】：2017-08-0411:00:48【问题描述】：我正在使用md-select和md-option生成语言选择器下拉菜单。因此，我们不仅显... 查看详情
具有选定状态的Android ImageButton？
...布时间】：2011-02-0523:17:43【问题描述】：如果我使用带有选择器的ImageButton作为其背景，是否有我可以更改的状态来改变它的外观？现在我可以让它在按下时更改图像，但似乎没有“突出显示”或“选择”或类似状态让我随意切... 查看详情
CListCtrl 的 EnableWindow(FALSE) 不会改变它的外观
】CListCtrl的EnableWindow(FALSE)不会改变它的外观【英文标题】：EnableWindow(FALSE)forCListCtrldoesn\'tchangetheappearanceofit【发布时间】：2018-06-1212:01:40【问题描述】：当我为CListCtrl尝试EnableWindow(FALSE)时，我无法对其执行任何操作，但它的外... 查看详情
9主成分分析
一、用自己的话描述出其本身的含义：1、特征选择特征选择就是从所有特征中选择部分特征作为训练集，即对现有特征的“取其精华，去其糟粕”，特征在选择前后。可以改变值、也可以不改变值，只是选择后的特征维数... 查看详情
vue--点击改变样式(代码片段)
...中时可以时，需要改变其颜色或状态，而stylus中提供&选择器,&指向父选择器，用于判断父元素达到某条件时改变状态，下面的例子中当父元素router-link有被选中（active）时，子元素改变颜色并加上下划线。//html<router-linkta... 查看详情