我是Vue.js的新手。我有一些具有作用域样式的组件，例如：
<style scoped>
@import '..resources\css\main.css';
</style>
并将其放在另一个组件上，如：
<style scoped>
@import 'resources\css\admin.css';
</style>
我用路由换页：
<template>
<li><Link :href="route ('admin')">
浏览 6提问于2022-07-11得票数 0
我使用的是的最后一个版本(可用样本)
CSS和javascript加载的内容如下：
<link rel="stylesheet" type="text/css" href="/css/lightbox.css" />
<script type="text/javascript" src="/js/lightbox-2.6.min.js"></script>
LightBox作品，但大小的点击图片有一个奇怪的比例.
图片的真实大小如下：
小图片150 x 150大图片400 x
浏览 2提问于2013-12-02得票数 0
回答已采纳
2回答
我使用EAMILMEFORM平台构建了一个表单，我更改了一些CSS厚度，现在我的表单看起来像这样(单击提交按钮后，字段填写不正确)
我不希望文本框警告之间有空格。我想要什么的一个例子在下面的链接中：我怎么做？在线表单：
JS代码：
另一个JS代码：
CSS代码：
请帮我解决我的问题，谢谢。
浏览 1提问于2012-09-16得票数 0
我刚刚在一个新网站的后端工作时，我注意到前端的一个大错误，我被困在试图解决这个问题。
我有一个旧版本的网站，我一直在工作，并已移动和整理其馀的一个新版本。然而，当我转到iPhone上的Safari浏览器时，它不会正确地加载新的下拉菜单，尽管它会从旧站点复制网站的页眉和页脚(其中包含相同的菜单)。
当您按下菜单时，它将打开，然后在iPhone上立即关闭。然而，chrome和firefox浏览器工作正常。我尝试过查看论坛并修改引导代码，但是似乎没有什么效果。它只在响应菜单下拉菜单上这样做。
奇怪的是，旧站点有全宽下拉菜单，新站点停留在右边(而不是全宽度)，好像没有正确加载一样。
旧址(工作)
&
浏览 2提问于2015-06-01得票数 0
1回答
我是新来的。因此，我发现在我的反应代码中存在一个CSS混合问题。所以我用CSS模块来解决这个问题。但是当我用Bootsrap做一个前端反应JS项目时，我想出了这个问题。
因此，在这个Carousel组件中，有一些隐藏的(仅在编译的HTML文件中显示的) CSS类，称为carousel-control-next和carousel-control-prev。所以我需要用CSS模块改变他们的CSS样式。那我怎么才能访问它们呢？
我在React文件中将这个CSS模块文件导入为CSS模块，但它不起作用。有人能帮我解决这个问题吗？提前谢谢。
浏览 11提问于2022-02-19得票数 0
回答已采纳
1回答
我使用ejs模板引擎将CSS和JS文件添加到我的node.js/express应用程序。正在应用JS文件，但只应用了第一个包含的CSS文件。所有文件都被包括在内，但是除了第一个文件之外，它们的样式不会被应用到html。如果我只将其他css文件导入到第一个文件中，那么它们将应用于html。
通过静态方法添加。
app.use(express.static(__dirname + '/public'));
在html中
<link href="css/custom.css" rel="stylesheet" title="custom&
浏览 0提问于2017-05-16得票数 0
我使用的是visjs库，它工作得很好，但是我不能更改这个libary(vis js)生成的css类，因为div是由库的javascript生成的。我怎么能改变这些div的类！我试着用这个，但没用：
$( document ).ready(function() {
$(".vis-item").css("background-color", "red");
});
$( document ).ready(function() {
$(".vis-item"
浏览 0提问于2017-03-13得票数 0
回答已采纳
2回答
所以，我正在将FullCalendar集成到我的网站中，除了不会超过321 it之外，它还能正常工作，即使将高度选项设置为大得多的数字。但是，这与包含元素的宽度无关，因为默认设置应该使其更高。
我使用基本的引导带3，媒体查询重置为大于正常值-但这会影响宽度，而不是高度，它呈现父面板的全部宽度。我已经检查了我的CSS中是否有任何错误或冲突，但似乎都没有。我甚至不知道从哪里开始张贴代码，因为我没有做任何修改。
帮助?我该去别的地方看看吗？
以下是站点的自定义javascript部件：
$(document).ready(function(){
// $('#calendarThumb&#
浏览 3提问于2014-11-21得票数 2
回答已采纳
我有这样的想法
单击按钮时，jquery切换类：
.trans {
background-color: #ABC;
transform: translateX(100px) scale(0.5) rotate(180deg);
}
论<div class="container2">
当您再次单击该按钮时，类将再次切换，div将变为黑色并返回到它原来的位置。
当我使用jquery添加负责transform的样式时，使用以下代码：
$('.trans').css({"transform":"translateX(
浏览 6提问于2015-03-15得票数 0
回答已采纳
2回答
我正在构建一个通用组件，用于接收各种后端数据。我写了一个开关。一个条件是：
case 'Bases':
let bases = variant[tableName][colValue].map((base) => {
return `<div class="base b${base.strongestIndication}">${base.name}</div>`
})
return bases.j
浏览 9提问于2022-02-07得票数 0
回答已采纳
2回答
我一直在研究一种只使用JSON的数据库，我设法让它工作，谁知道url中的"js/“会使它工作呢？
但这不是问题所在，现在我对CSS有了一个问题。我们来解释一下。
我有一个JSON：
[
{
"title":"Facebook",
"url":"http://www.facebook.com",
"bg":"../img/facebook.png"
},
{
"title":"Twi
浏览 0提问于2015-01-06得票数 1
回答已采纳
我目前使用的是带有react loadable的webpack 4来创建块。它实际上是分块的，这取决于断点。但是，供应商规模保持不变。React loadable还不支持webpack 4吗？或者我错过了一些设置？
然而，css实际上似乎分裂成了块。
{
output: {
path: 'tothe path',
publicPath: `/publicPath/`,
filename: '[name] + '.js',
chunkFilename: '[name]',
},
resolve:
浏览 3提问于2018-03-15得票数 2
注:我通读了其他类似的问题(here和其他问题)，但它们都是关于早期版本的webpack和巴别塔，并没有解决以下问题。 这是很好的服务，但当我运行npm run build时，我得到了以下错误。我该如何解决这个问题？(我怎样才能得到比这更好的错误呢？，日志也一样糟糕)。 > react_01@1.0.0 build /Users/monkeydo/Documents/code/__tests/react_01
> webpack --mode production
/Users/monkeydo/Documents/code/__tests/react_01/node_modu
浏览 33提问于2021-07-18得票数 1
1回答
全背景/边框填充视差滚动
、、、
我对HTML和CSS完全陌生，所以我希望有人能给我指明正确的方向。我试着理解这个教程来制作视差滚动网站：
但我注意到它是与normalize.css一起提供的，它使每一张图像都能扩展到完全适合浏览器。我不知道它的哪一部分能正常工作，我希望有人能给我指点代码，这样我就可以分析它了。
如果我从包中恢复了normalize.css，那么该网站如下所示：
有了它，网站看起来像这样：
他们怎么做到的？
下面是normalize.css文件：
我假设这可以以不同的方式实现，但是我正在寻找用normalize.css文件来完成它的方式，以便我能够理解这个概念。
我尝试过的：，我尝试过对每个图像使用背景大小:
浏览 3提问于2014-01-31得票数 0
回答已采纳
我在库中找到了一个分裂屏幕功能的FullPage.js。这是一个。
这里我做了一个，除了一个例外，它不是一个全屏。
#splitscreen > .section .column-left {
float: left;
width: 50%;
color: #000;
background: #fff;
}
#splitscreen > .section .column-right {
float: right;
width: 50%;
color: #fff;
background: #000;
}
#splitscreen > .sec
浏览 0提问于2019-04-14得票数 0
2回答
我有一个基本的Ionic应用程序，并希望应用基于用户输入的三种不同的样式表之一。
该页面将使用基本样式预加载，然后用户可以选择另外两个选项，到目前为止，原始样式已经加载，我可以控制台记录变量中的更改，但页面没有更新。这是我的代码：
HTML索引：
<!DOCTYPE html>
<html ng-app="greenwichFitness" ng-controller='SettingsCtrl'>
<head>
<meta charset="utf-8">
<meta n
浏览 11提问于2015-07-21得票数 1
回答已采纳
2回答
在我的HTML中，我有一个父div，其中包含25个div。
<div class="container>
<div class="faces"></div>
<div class="faces"></div>
<div class="faces"></div>
.
.
.
.
.
</div>
我在使用CSS网格
.container {
display: grid;
grid-template-
浏览 4提问于2017-12-22得票数 2
回答已采纳
2回答
我有一个具有多个布局的项目，我在nuxt.config.js文件中全局添加了CSS，如下所示：
css: [
'@/assets/plugins/fontawesome-free/css/all.min.css',
'@/assets/plugins/ionicons/css/ionicons.min.css',
'@/assets/plugins/feather/feather.css',
'@/assets/css/style.css',
'@/assets/css/cust
浏览 12提问于2020-10-06得票数 0
3回答
我正在测试前端的优化最佳实践。因此，我学会了使用gulp和npm合并和缩小我的CSS和JS文件为单一的all.min.css和js.min.css。
在Google PageSpeed中，我警告过“在上面的内容中消除呈现阻塞的JavaScript和CSS”。因此，我在js脚本中添加了"async“。
<script async src="/dist/js/all.min.js"></script>
工作正常，但如何处理我的.css文件？
<link rel="stylesheet" href="/dist/css/a
浏览 3提问于2017-10-20得票数 1
1回答
单击时移除突出显示的输入框。
、、、、
在单击输入时，我尝试删除下面图片中突出显示的蓝色框。它不起作用。这里怎么了？
<link href="css/bootstrap-v3.5.5.min.css" rel="stylesheet" type="text/css">
<input type="text" class="form-control" placeholder="Enter here" readonly>
在css中，
.form-control:focus {
outline: no
浏览 1提问于2018-11-12得票数 0
回答已采纳
我最近决定尝试webpack，基本上，我有两个应用程序的样式文件- style.css和normilize。但是有一个问题--每当我试图用webpack编译它时，它就会抛出错误：
ERROR in C:/Users/Man/~/css-loader!./~/postcss-loader!./css/normalize.css
C:\Users\Man\Desktop\work\js_tr\css\normalize.css:59:29: Unknown word
display: inline-block; // 1
vertical-align: baseline; // 2
浏览 4提问于2016-04-12得票数 0
回答已采纳
$('.desktop_search').css({
visibility: 'visible',
width: '100%',
opacity: '1'
});
例如，我正在使用上面的JS用类desktop_search更改元素。首先在我的CSS样式表中提供所有的CSS并只执行toggleClass(new_class_name)更好吗?或者，如果我这样做了，会不会是相同的呢？我问这个问题是因为我已经用JS改变了很多CSS样式，我担心它可能会对我的性能产生影响。我使用的大多数JS都是在单击特定元素或页面滚
浏览 0提问于2019-01-25得票数 1
回答已采纳
1回答
我想将materialize可折叠主体填充更改为3px。它开始工作，但如果你打开，关闭，然后重新打开可折叠填充将重置为默认值，将不再是3px。 你能告诉我如何预防这种情况吗？ 下面是一个显示问题的代码：https://codepen.io/jbeausej/pen/yLyrOow 谢谢! 下面是我的代码： <html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=devi
浏览 22提问于2020-01-27得票数 0
回答已采纳
1回答
我正在为的演示工作，我也是新的网页开发。我无法让灯箱工作，在本例中的第一个图像shell_small.jpg是可访问的，它显然是一个链接，但是当我单击它时，唯一值得注意的变化是url从http://127.0.0.1:52595/index.html到http://127.0.0.1:52595/index.html#demoLightbox，但是页面保持不变。有人能解释一下到底是怎么回事吗？
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title&g
浏览 1提问于2013-12-09得票数 0
回答已采纳
我试图用d3.svg.axis()创建一个轴，但是当我试图创建细分的刻度时，轴不会改变。我读过一些相关的文档，但它们无法帮助我弄清楚！是一个使用d3.svg.axis().tickSubdidvie()但仍然无法工作的例子。最后，我检查了示例，发现tickSubdidvie()函数只是在d3js V2中工作，而不是在d3js V3.5.5中工作。有人能告诉我怎么处理吗？
完成小提琴。
浏览 3提问于2015-07-02得票数 0
回答已采纳
我刚开始使用bootstrap，我想使用bootstrap进行简单的选择，但不知何故它毁了我的页面。我以为boostrap会覆盖我自己的css，但这不会发生，为什么？
<link rel="stylesheet" type="text/css" href="bootstrap-select.min.css"/>
<script href="jquery-3.2.1.min.js"></script>
<script href="bootstrap.min.js">&l
浏览 2提问于2017-12-01得票数 2
我希望动态加载css文件，并在文档上呈现css之后运行js脚本。我想使用一个元素的新宽度和高度，它是由加载的css设置的。因此，在呈现之后运行js是很重要的。有可能吗？我在用jQuery。
浏览 0提问于2013-02-14得票数 5
回答已采纳
我正在使用slick.js插件来创建幻灯片。没有导航条的缩略图。
我在任何时候都有三张幻灯片。我希望中间的幻灯片是明亮的，但幻灯片的两边都要变暗。
我认为这样做的方法是对.幻灯片活动类进行样式化，但是似乎这个类被附加到幻灯片中的每个幻灯片(显然是一个bug)。
有谁知道怎么把幻灯片活动类附加到中间幻灯片上吗？
html：
<div class="slick_slideshow1">
<div>
<img src="img/slideshow1/slide1.jpg" />
</div>
&l
浏览 3提问于2015-11-13得票数 3
回答已采纳
我正在尝试加载与插件相关的自定义css。js运行得很好，但是css拒绝加载。以下是代码：
function admin_plugin_scripts(){
wp_enqueue_style('arena', plugin_dir_url(__FILE__) . 'css/arena.css',
array(), filemtime( WP_PLUGIN_DIR .
'/PluginName/css/arena.css'), true );
wp_enqu
浏览 0提问于2018-07-02得票数 0
回答已采纳
我用的是Laravel 5.6和Mix。我想在我的项目中加载一个使用jQuery的插件。
我创建了一个fileuploader.js文件：
// see more at http://plugins.krajee.com/file-input#installation
import 'bootstrap-fileinput/js/fileinput';
import 'bootstrap-fileinput/js/locales/fr';
它加载一个npm包。在我的webpack.mix.js，中有：
mix.autoload({
jquery: [&
浏览 0提问于2018-08-06得票数 0
3回答
我正在为HTML文件创建一个js。我想要操作div的css。
其中一种方法是使用这个：-
div.style.left = "30px";
但是，在我的代码中，用户告诉如何操作HTML。我想让它充满活力。我用我想要更改的属性设置了一个变量：-
let myProperty = "top", value = "30px";
现在，我想用它作为js中的CSS修饰符，如下所示：-
myDiv.style.myProperty = value;
我试过不起作用的setAttributes()。我该怎么做？
浏览 6提问于2021-08-21得票数 3
回答已采纳
我想让用户自定义颜色和一些风格的角度应用。为此，我想做这样的事情
结构：
组件-一个
附加文件夹-带有-css-文件
1.C.1%
1.C.2.C
1.C.C.3.c
1.为客户服务4
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: ['./app.style-for-component-1-for-client{clientId}.css'],
})
export class AppComponent implement
浏览 2提问于2022-09-22得票数 0
我使用的是JQuery1-11.1
我有一个日期选择器
$(function() {
$("#openDatePicker").datepicker({
dateFormat: "dd/mm/yy",
minDate: "-5Y",
maxDate: "+0Y",
constrainInput: true
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.j
浏览 2提问于2015-09-09得票数 0
3回答
有没有办法删除CSS -属性，该属性是通过CSS样式表应用的？
示例：
test.css
.test { background: red; }
test.html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="test.css">
<div class="test">Foo</div&g
浏览 2提问于2017-05-19得票数 0
回答已采纳
3回答
我正在学习css和js，我看着这个漂亮的导航栏。
但是，当我在测试网站上设置它时，我无法使导航栏居中。text-align不做任何事情，设置margin:auto;似乎也没有任何效果。这是怎么回事，我不能以正常方式将导航栏居中？
浏览 0提问于2014-07-22得票数 0
3回答
尽管我可能会尝试，但我不能把我的头绕在给定的的描述上。
Box组件用作大多数CSS实用程序所需的包装组件。
CSS实用程序需要什么？
这个组件的用例是什么？它解决了什么问题？你是怎么用的？
我发现MUI文档非常有限，很难理解。我在谷歌上搜索过，但通常只找到一些关于如何使用实质性UI的轻量级博客文章。除了帮助理解这个组件之外，我还非常感谢任何好的资源(如果存在这样的东西，类似于他们自己文档的更好版本)。
(背景，我通常理解React，JS，CSS，HTML等，后两者的力量较小)。
浏览 2提问于2020-02-28得票数 103
回答已采纳
我想隐瞒我用的是Blazor。 因此，我应该修改捆绑的css和js文件的名称。 该怎么做呢？
浏览 52提问于2021-01-05得票数 0
回答已采纳
2回答
总结问题
我正在尝试将Vuetify实现为现有项目的一部分。但在我将Vuetify添加到项目中之后。我发现类似输入字段，select的“默认”CSS样式被改变了。它使这些输入字段和选择看起来都像纯文本，而不是输入字段和选择。
因为我只想为项目的一部分实现Vuetify，所以Vuetify覆盖了“默认”CSS规则是不好的。
我正在寻找一种方法来实现现有项目的一部分。但项目的其余部分应该呈现为正常(只使用默认CSS，而不是我自己的CSS)。
为了使问题更清晰，我将举一个例子，它显示了两个选择。第一个是用Vuetify <v-select>制作的，第二个是用普通的HTML代码<se
浏览 1提问于2019-01-21得票数 7
它使用外部CSS文件。(Google)
我只想取消-webkit-元素。
我怎么能只取消那条线呢？
浏览 5提问于2016-05-09得票数 0
回答已采纳
2回答
我意识到内部材料data-table正在被使用。当我使用表mat-table时。我可以用CSS来做下面的修改，但是不知怎么不起作用，我怎么能做到呢？
.mat-column-[columnname] {
width: 50% !important;
}
链接到stackblitz：上的代码
浏览 2提问于2020-12-16得票数 0
回答已采纳
这是完全相反的‘造型不应用’，但我没有这个div的造型，但它仍然得到造型？
我正在为我父亲的生意工作一个新的网站，用HTML，CSS和JavaScript制作这个网站。我有这个网页，有一个区域，他可以添加他自己的列表到网站(不过，与问题无关)。顶部的容器有一个蓝色的边框(在下面的屏幕截图中圈起来)，就像其他容器一样(这些容器被指定为蓝色边框)，但是没有样式来使这个容器具有蓝色的边框。我已经检查过，以确保所有的CSS和HTML都关闭了，情况似乎是这样的。我不知道这里发生了什么。另外，不想要的边界正在将第二个链接推出去？为什么？
下面是HTML：
<!DOCTYPE html>
<
浏览 1提问于2022-11-10得票数 0
回答已采纳
2回答
我正在使用Angular2 rc4，目前我可以使用ExtractTextPlugin导入一个css文件。我用的是html-加载程序，没有任何问题。但是，当我试图加载css文件时，我会得到错误:无法找到模块"./app.component.css"或期望'styles‘是一个字符串数组。我该怎么解决这个问题？app.comonent.ts
import {Component} from '@angular/core';
import {ROUTER_DIRECTIVES} from '@angular/router';
const tem
浏览 3提问于2016-08-15得票数 2
不知道为什么我会遇到用户可伸缩(缩放)的问题，在Chrome上我所有的样式都完全消失了@ 33%甚至更少(IE11更差: 75%)。
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scal
浏览 15提问于2019-10-29得票数 0
我正在将一个用创建的项目迁移到nextjs，我遇到了这个问题
./node_modules/react-bootstrap-submenu/src/index.css
Global CSS cannot be imported from within node_modules.
Read more: https://nextjs.org/docs/messages/css-npm
Location: node_modules\react-bootstrap-submenu\dist\DropdownSubmenu.js
有人知道怎么解决这个问题吗？
浏览 2提问于2021-12-07得票数 1
我正在设计一个使用Chart.js图形和画布的仪表板。请参阅下面的仪表板：
这个设计正是我想要的，直到我调整页面的大小，使它变小，然后再调整它的大小，使它更大。当我这样做时，我的结局是：
直到我添加了第二个图表，并使包含它们的div元素成为一个柔性盒之后，才发生了这种情况。在使div成为一个柔性盒之前，我有以下布局：
对于较小的窗口，可以轻松地将其调整为以下形式：
然后从上一张图像再调整到更大的形状。挠曲盒做了什么改变，停止了图表的自动调整？
我的密码在下面。HTML：
<!DOCTYPE html>
<html lang="e
浏览 3提问于2022-08-14得票数 0
回答已采纳
我的项目是用折叠式结构：
project
assets
scripts
styles
app.scss
bower_components
node_modules
public
css
app.css
js
bower.json
gulpfile.js
package.json
我使用gulp sass将app.scss编译成app.css，并希望在app.scss中包含基金会。
gulp.task('styles', function() {
return gulp.src(path.
浏览 3提问于2015-09-10得票数 1
回答已采纳
1回答
从div到div的文本
、、、
我需要一些div，在其中文本自动从一个流动到另一个。当css区域还未成熟时，我发现了这个模拟效果的技巧：。
这个技巧是有效的，但是在第一个div的开头有一个令人讨厌的空空间。我怎么才能把它移除？奇怪的是，我所用的示例()所用的原始小提琴没有额外的空间，尽管代码是相同的。
<html lang="it">
<head>
<style type="text/css">
.column {
width: 150px;
height: 200px;
overflow:hidden;
float:
浏览 1提问于2017-12-22得票数 0
回答已采纳
2回答
嘿，我正在创建一个在悬停时显示模式的按钮，所以我用下面的代码设法做到了这一点：
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('[data-toggle="popover"]').popover({
placement : 'top',
浏览 15提问于2018-02-26得票数 1
回答已采纳
我使用这个脚本来更改目标文档上的css链接href="#“：
<script type='text/javascript'>
function toggle() {
var el = document.getElementById("style1");
if (el.href.match("css/style.css")) {
el.href = "css/style-b.css";
}
else {
el.href = "css/
浏览 1提问于2013-11-08得票数 0
回答已采纳
我正在构建我的子主题，但包括我想要使用的物化css，当我在functions.php中排队时，它会破坏整个站点。我该怎么改变呢？
function bla_enqueue_child_theme_styles() {
wp_enqueue_style('cookie-font', 'http://fonts.googleapis.com/css?family=Cookie');
//wp_enqueue_style('datatables-css', 'https://cdn.datatables.net/v/dt/dt
浏览 0提问于2017-03-08得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
