javascript - Hur man ändrar bootstrap.css font-family i HTML till mitt eget nedladdade typsnitt

Jag har försökt att hitta hur man gör det, åtminstone kom den här länken nästan åt mig. men hon/han använder länken för att ändra typsnittet.

men jag har mitt eget nedladdade typsnitt som använder typsnittsomvandlare (.eot .otf .svg .ttf .woff .woff2)

och jag h

Läs mer →

javascript - Webpack - devtool: source-map för CSS och eval-source-map för JS?

Om jag använder devtool: 'source-map' fungerar det utmärkt med CSS:

Men mina JavaScript-variabelnamn är inte roliga:

Läs mer →

javascript - komplexa parametrar för svg-taggar (analogt med calc() för css)

Kan du snälla berätta för mig om svg-taggar kan ställa in komplexa parametrar?

För css finns kommandot calc(), till exempel:

width: calc (50% - 10px);

Finns det något liknande för svg, till exempel:

<circle r = 'calc (50% - 2px)'>

?

Läs mer →

Hur man kopplar backend (Python, Flask) med frontend (HTML, CSS, JavaScript)

Info: för backend använder jag Python med Flask (för närvarande accepterar det HTTP GET-metoder) och för frontend använder jag HTML, CSS och JavaScript.

Problem: Jag försöker göra en HTTP-förfrågan (första gången försökte jag POST och sedan GET) men webbläsaren tillät mig inte göra det: "Access to XMLHttpRequest at 'localhost:5000/test' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension,

Läs mer →

javascript - hur man använder syskonväljare css i styled

Jag har en stylad komponent som ser ut så här:

import styled from 'styled-components'; import List from '@material-ui/core/List'; import ListItem from '@material-ui/core/ListItem'; import ListItemText from '@material-ui/core/ListItemText'; export const CategoryList = styled(List)` `; //this is what i want to change

Läs mer →

javascript - kebab-case till camelCase via localsConvention i css-loader 3.4.2 fungerar inte

För test-/lärande ändamål använder jag en ejected-version av create-react-app 3.4.1 som levereras med css-loader 3.4.2, och jag försöker återskapa dessa resultat där css-selektorerna är skrivna i kebab-case, men js-stilobjektet konvert

Läs mer →

javascript - Hur får jag alla stödda CSS-egenskaper i WebKit?

I Firefox, Opera och IE kan jag få dem via:

>> for (k in document.body.style) console.log(k) -> opacity background height textAlign . ... long list ... . pointerEvents

I WebKit är resultatet ganska annorlunda:

>> for (k in document.body.style) con

Läs mer →

javascript - Hur förhindrar jag att CSS påverkar en injicerad HTML-bit?

Jag utvecklar för närvarande en Safari-tillägg som använder ett injicerat skript för att ytterligare injicera lite HTML på den aktuella webbsidan, samt injicera några andra skript för att få det att fungera. Allt detta fungerar bra, men problemet är att den HTML som injiceras påverkas av

Läs mer →

javascript - Skapa en live checkers-liknande webbapp med PHP, JS, CSS och HTML?

Jag vill skapa en live-app som liknar schack/dam, som kommer att fungera så här: Det kommer att finnas flera ikoner/avatars visade på en yta som liknar ett schackbräde. Jag vill ha en kommandoprompt under detta bräde, eller någon annan typ av gränssnitt, som gör det möjligt för dem att kontrollera en viss avatar och få den att utföra handlingar. Flera användare kommer att använda den samtidigt, och jag kommer också att kunna se de andra användarnas ändringar/handlingar på schackbräde

Läs mer →

javascript - OpenLayers CSS-styling av standardkontrollknappar

Jag använder OpenLayers i ett skript på min sida, och jag försöker använda CSS för att styla de standardknappar som finns på kartan. Jag följde OpenLayers dokumentationssida för att styla dem så här:

.olControlNavToolbar div { display:block; width: 28px; height: 28px; top: 300px; left: 6px; position: relative; } .olControlNavToolbar .olControlNavigationItemActive { background-image: url("img/panning-hand-on.png"); background-repeat: no-repeat; } .olControlNavToo

Läs mer →