styles 相关问题

不要使用此标签。此标记目前没有单一的，明确定义的含义。它通常用于代替[css]或与[css]结合使用。它还用于有关用户界面外观和源代码格式问题的问题。

过滤器：模糊（100px）；我将以下样式添加到特定元素。但有些线路正在出现，看起来不太好。我怎样才能删除那条线并制作完美的发光模糊元素。我可以删除...

html css styles

回答 1 投票 0

我正在创建一个网页，并开始使用顶部的样式标签：我正在创建一个网页，并开始使用顶部的样式标签： <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Front Page</title> <link rel="stylesheet" type="text/css" href="CSS/Styles.css" /> <style type="text/css"> </style> </head> <body> </body> </html> 我希望所有图形设计都在 Styles.css 中，但由于某种原因，它不起作用。当我添加类似的内容时： div.box { margin:0 auto; width:500px; background:#222; position:relative; left: 50px; top: -200px; height: 100%; border:1px solid #262626; padding: 0 5px 5px 0; } 设计此元素： <div class="box"></div> 当我将它放在文档上方的标签中时它可以工作，但如果我将它放在CSS文件中则不行。以前这不是问题，但现在我已经将所有内容添加到样式标签中，并且它变得非常长（150 行！）。我想将其全部移动到 css 文件中，这样我的主页就不需要滚动了。但我不明白为什么图形更改如果放入 CSS 文件中就不会应用。有什么想法吗？如果您的 CSS 文件路径没问题，则可能发生了以下几种情况：您可能只需要清除缓存即可。 CTRL+F5通常可以解决问题。访问您网站的新用户不需要这样做。您可能有一个拼写错误，或者忘记用 ; 结束上面的语句，请检查一下。这可能是一个特殊性问题，即另一个规则，更具体的是覆盖您的规则。在这里阅读相关内容。您使用的是区分大小写的文件系统 (Linux) 吗？您通往 CSS/Styles.css 的道路必须完全正确。而且，它是相对于页面和<basepath/>。尝试使用绝对 URL 来排除路径问题。如果您没有路径问题，那么您可能不小心在CSS文件中的某个地方犯了拼写错误，导致您的规则被遗漏。如果您的 CSS 文件良好，那么您的浏览器可能缓存了旧版本。您是否尝试过清除缓存？ CSS 文件的链接方式或文件路径似乎可能存在问题。您可以检查以下几项内容并尝试解决问题：文件路径：确保 CSS 文件的路径正确。在您的 HTML 中，您有： .确保 CSS 文件位于相对于 HTML 文件的“CSS”目录中。检查文件名和文件夹名称中是否有拼写错误。文件路径区分大小写，因此请确保大小写匹配。文件内容：打开“Styles.css”文件并检查样式是否正确编写。确保没有语法错误或拼写错误。确保选择器 .box 在 CSS 文件中正确写入。清除浏览器缓存：有时，浏览器可能会缓存 CSS 文件的先前版本。尝试清除浏览器缓存并刷新页面以查看更改是否生效。网络请求：使用浏览器的开发者工具（通常通过右键单击页面并选择“检查”或“检查元素”来访问）检查CSS文件是否加载成功。在控制台中查找任何错误。以下是文件和目录结构的示例：降价复制代码您的项目文件夹 index.html CSS 样式.css 确保“Styles.css”位于“CSS”目录中，并且 HTML 文件位于项目的根文件夹中。

html css styles

回答 3 投票 0

WPF Setter 不适用于某些控件

我正在尝试在我的应用程序中使用设置器来更改所有控件的字体大小。我的风格是这样的： <Setter Pr...</desc> <question vote="0"> <p>我正在尝试在我的应用程序中使用设置器来更改所有控件的字体大小。我的风格是这样的：</p> <pre><code><Style x:Key="baseStyle" TargetType="{x:Type Control}"> <Setter Property="FontSize" Value="12" /> <Setter Property="Background" Value="{x:Null}" /> <Style.Triggers> <DataTrigger Binding="{Binding Width, ConverterParameter=1000, Converter={StaticResource DoubleToBoolConverter}, ElementName=window, Mode=OneWay}" Value="True"> <Setter Property="FontSize" Value="24" /> <Setter Property="Background" Value="Red" /> </DataTrigger> </Style.Triggers> </Style> </code></pre> <p>我所有的子样式都是这样的</p> <pre><code><Style BasedOn="{StaticResource baseStyle}" TargetType="{x:Type Button}"> ... </Style> </code></pre> <p>我的问题是我的样式并未应用于所有控件。例如接缝标签可以忽略我的 FontSize Setter</p> <p>默认样式： <img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tLzhLcVhzLnBuZw==" alt="Default Style"/></p> <p>触发风格： <img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL241Qzk0LnBuZw==" alt="Triggered Style"/></p> </question> <answer tick="false" vote="0"> <p>您实际上指的是 <pre><code>Label</code></pre> 元素还是 <pre><code>TextBlock</code></pre> 元素？因为后一种类型不是<pre><code>Control</code></pre>，不会受到你的<pre><code>Style</code></pre>的影响。这应该可行：</p> <pre><code><Style BasedOn="{StaticResource baseStyle}" TargetType="{x:Type Label}" /> </code></pre> </answer> </body></html>

c# wpf styles

回答 0 投票 0

在 WinUI 3 中的样式设置器中进行绑定

WinUI 3 是否支持样式设置器中的绑定？我已经为 NavigationView 定义了样式，第三行是： WinUI 3 支持样式设置器中的绑定吗？我已经为 NavigationView 定义了样式，第三行是： <Setter Property="CompactPaneLength" Value="{Binding CurrentCompactPaneLength}" /> 这会在运行时产生 Specified cast is not valid. 异常。包含 NavigationView 的页面的 DataContext 是该页面的 ViewModel。 NavigationView.CompactPaneLength 和 CurrentCompactPaneLength 都是 double 和 public，并且 CurrentCompactPaneLength 是一个 ObservableObject（来自 CommunityToolkit.Mvvm.ComponentModel）。 WinUI 3 (SDK 1.1.2) 的源代码包含各种 Setter，例如 <Setter Target="PaneContentGrid.Width" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=CompactPaneLength}" /> 如果有必要的话，在代码中进行绑定是可行的。但 XAML 不应该也起作用吗？显然，WinUI 3 尚不支持 Setter 中的常规绑定，尽管这是一项备受期待的功能。解决方法是创建一个包含 DependencyProperty 的帮助程序类，每当更改/设置属性时，该类都会调用更改处理程序。然后，更改处理程序可以在代码中创建所需的绑定。感谢 clemens，他很久以前就为 UWP 提出了类似的建议。这是一个辅助类示例： internal class BindingHelper { #region CompactPaneLengthBindingPath public static readonly DependencyProperty CompactPaneLengthBindingPathProperty = DependencyProperty.RegisterAttached( "CompactPaneLengthBindingPath", typeof(string), typeof(BindingHelper), new PropertyMetadata(null, BindingPathChanged)); public static string GetCompactPaneLengthBindingPath(DependencyObject obj) { return (string)obj.GetValue(CompactPaneLengthBindingPathProperty); } public static void SetCompactPaneLengthBindingPath(DependencyObject obj, string value) { obj.SetValue(CompactPaneLengthBindingPathProperty, value); } #endregion #region HeightBindingPath // another DP is defined here (all of them are strings) #region ForegroundBindingPath // and a third one, etc. // ===================== Change Handler: Creates the actual binding private static void BindingPathChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e) { if (e.NewValue is string source) // source property (could add DataContext by setting Value="source@datacontext" for example) { DependencyProperty target; // which property is the target of the binding? if (e.Property == CompactPaneLengthBindingPathProperty) target = NavigationView.CompactPaneLengthProperty; else if (e.Property == HeightBindingPathProperty) target = FrameworkElement.HeightProperty; else if (e.Property == ForegroundBindingPathProperty) target = Control.ForegroundProperty; else throw new System.Exception($"BindingHelper: Unknown target ({nameof(e.Property)}"); // don't know this property obj.ClearValue(target); // clear previous bindings (and value) BindingOperations.SetBinding(obj, target, // set new binding (and value) new Binding { Path = new PropertyPath(source), Mode = BindingMode.OneWay }); } } 请注意，所有 DependencyProperties 都是字符串类型，并且目标类型可以是您正在使用的控件的任何祖先类型。例如，HeightBindingPathProperty 绑定可以与任何 FrameworkElement 一起使用。在 Style 中使用 helper 就像使用任何 Setter 一样，如下所示： <Style x:Key="MyNavigationView" TargetType="controls:NavigationView" > <Setter Property="local:BindingHelper.CompactPaneLengthBindingPath" Value="CurrentCompactPaneLength" /> </Style> 我希望这有帮助。这对我有用： <Page.Resources> <Style TargetType="TextBlock"> <Setter Property="FontSize" Value="{x:Bind ViewModel.FontSize, Mode=OneWay}" /> </Style> </Page.Resources>

binding styles setter winui-3

回答 2 投票 0

为什么 Tailwindcss 的“mb-3”类不能与 next/link 一起使用？

在这个 Next.js 组件中，在突出显示的行中，Tailwindcss 的“mb-3”类在 Y 方向上没有效果，但如果我们使用“m-3”，它在 y 方向上也没有效果。 ..

next.js styles jsx tailwind-css

回答 1 投票 0

更改对话框选项项的文本颜色

我有一个对话框，其中选项以黑色文本显示，我想将其设置为白色 @SuppressLint("CutPasteId") 私人乐趣 showPageSelectionDialog() { val选项=arr...

android kotlin colors styles android-alertdialog

回答 2 投票 0

如何在CSS中设置按钮样式

我正在努力让这个按钮从普通变得时髦。你会使用 css 或 html 对这个按钮做什么。我正在努力让这个按钮从普通变得时髦。你们会使用 css 或 html 对这个按钮做什么。 <input type="button" value="style" id="styleThisButton"/> 我想看看您（社区）将如何设计此按钮。这里有一些想法 - 在另一端添加链接 -制作海关动画 -当光标触摸它时它会亮起如果您只想使用一个输入标签和 css 来制作时髦的按钮，我们有很多想法，但我编写了简短的示例 css 代码。希望对你有用 #styleThisButton { width: 120px; height: 48px; font-size: 1rem; padding: 12px; border-radius: 10px; margin: auto; letter-spacing: 2px; background: linear-gradient(to right, #a223d1, #4631ce); border: none; transition: all 0.5s ease-in-out; cursor: pointer; } #styleThisButton:hover { transform: translate(0, -5px); box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; } <body> <input type="button" value="style" id="styleThisButton"/> </body>

html css button styles

回答 1 投票 0

为通过 JavaScript 创建的按钮使用自定义背景

尝试在 JavaScript 中创建一个按钮来使用特定 API 图像的背景图像我看到很多使用 .style.backgroundImage = 'Url("yourimagelink")'; 的建议。但可...

javascript image button styles imagebutton

回答 1 投票 0

代号 Y 布局中的一个容器在使用 UIID 时不滚动

我正在准备一个使用 Boxlayout.y 中的容器的 Android 应用程序。使用此处的代码示例时，在 x 方向滚动容器内容效果非常好。但是当我改变

java styles codenameone

回答 1 投票 0

如何使用Python中的原始工作表格式将表格保存到Excel工作表？

我已经从应用了单元格格式（边框、合并、字体..）的 Excel 工作表中加载了数据然后，我使用 Python 中的条件语句在特定条件下为单元格着色。我想...

python excel styles openpyxl

回答 2 投票 0

React，如何一键切换背景颜色？

我尝试在单击后更改每个按钮的背景颜色。问题是，它适用于所有按钮，而不是仅适用于单击的按钮。我想，我应该使用 e，或者 i...

reactjs button styles toggle

回答 4 投票 0

媒体查询对奇怪的值生效

这是我的媒体查询，因为我试图使我的反应应用程序响应。 @媒体屏幕和（最大高度：800px）{ 字体大小：65px； .shuttleObject{ 宽度：90%； } } } 问题是，当我...

css reactjs responsive-design styles media-queries

回答 1 投票 0

如何删除元素周围这个奇怪的轮廓？

我在这种样式的按钮周围得到了一个奇怪的轮廓。为什么会这样。下面是代码：我在这种样式的按钮周围出现了奇怪的轮廓。为什么会这样。下面是代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Button</title> <style> button { padding: 1em; background: transparent; border: none; } button:focus { border-radius: 6px; outline: none; box-shadow: 0 0 0 2px white, 0 0 0 4px blue; } </style> </head> <body> <button>Button</button> </body> </html> 因为插值多个阴影。只需使用其中一个即可 button { padding: 1em; background: transparent; border: none; } button:focus { border-radius: 6px; outline: none; box-shadow: 0 0 0 2px blue; } <button>Button</button>

html css styles border-radius

回答 1 投票 0

Hamburguer 菜单图标未与 tabela 对齐在同一高度且不遵循相同的样式

我添加了一个汉堡包图标，但目前没有执行任何操作。当用户单击它时，它应该在左侧打开一个侧面板来显示我们网站的选项，这意味着它应该...

reactjs menu styles alignment

回答 1 投票 0

为什么当我在 Next.js 中刷新页面时我的 CSS 样式消失了？

我在应用程序文件夹中创建了一个 CSS 文件夹，并在其中写入了 CSS 文件。然后将它们导入到组件中使用。它们在第一次加载时应用。但是当我刷新页面时，它们都消失了。我的

css next.js styles jsx refresh

回答 2 投票 0

样式表和媒体查询

在此输入图像描述这是我的代码，我需要帮助让第一个 ul 和 div 像图片一样显示。我是编码新手，我已经尝试让它工作几天了......

css flexbox styles media-queries

回答 1 投票 0

WPF 组合框禁用背景颜色

当 IsEnabled 设置为 False 时，WPF 组合框的背景颜色似乎不可覆盖。设置 Foreground 属性确实可以正常工作。甚至使用 snoop 并设置

wpf xaml styles

回答 2 投票 0

如何通过忽略某些项目来对齐项目？

{/* 搜索栏开始 */} {/* search bar start */} <div className="search-bar h-[10%] w-screen bg-white flex items-center"> <div class="relative m-[50px]"> <div class="absolute inset-y-0 left-0 flex items-center pl-3.5 pointer-events-none"> < BiSearchAlt2/> </div> <input type="text" id="email-address-icon" class="bg-white border border-gray-200 text-gray-900 text-sm rounded-sm focus:ring-green-500 focus:border-green-500 block w-[500px] pl-10 p-3 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-green-500 dark:focus:border-green-500" placeholder="search..."/> </div> <button className='text-xl'><MdOutlineNotificationsNone/><div className='bg-red-500 w-3 h-3 relative top-0 right-0 rounded-2xl text-sm'>1</div></button> <button><BsCart3/></button> </div> {/* search bar end */} 目前我开始个人项目学习 React 和 Tailwind CSS。我有一个关于如何将此 div 放到通知按钮上的小问题。我使用位置：相对和顶部：##左侧：##但这有助于获得最终结果。但通知图标显示如下..它与购物车图标不对齐有人可以帮助我吗？ .cart-icon img{ width: 30px; } .bell-icon img{ width: 30px; } .container{ display: flex; flex-direction: row; align-items: center; gap: 10px; } .color-bg{ display: flex; flex-direction: row; align-items: center; justify-content: center; position: absolute; top: 0; right: -5px; width: 16px; height: 16px; background-color: yellow; border-radius: 50%; } .cart-icon{ position: relative; top: 0; } <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script> <div class="container"> <div class="cart-icon"> <img src="https://cdn-icons-png.flaticon.com/512/3081/3081986.png" /> <div class="color-bg"> <p>1</p> </div> </div> <div class="bell-icon"> <img src="https://icons.veryicon.com/png/o/miscellaneous/fine-fillet-icon/notification-bell.png" /> </div> </div>

css reactjs styles tailwind-css

回答 1 投票 0

CSS灵活的不同行高的网格列布局 - 如何将文本垂直对齐到顶部？

我正在开发一个网页布局，我需要创建一个具有不同行高的灵活的列结构。目标是有一栏具有更高的行高，同时确保两个段落...

html css grid styles vertical-alignment

回答 1 投票 0

这两种网格居中对齐内框的CSS有什么区别[重复]

我已经使用 CSS 网格编写了两个片段来居中对齐内部框，但无法理解其中的区别。我知道我们还有其他方法可以做，但很想知道确切的区别

html css responsive-design styles css-grid

回答 1 投票 0

styles 相关问题

最新问题